0 Answer
Image not getting mobile responsive
85 Views
Clifford della maxine
A PHP Error was encountered
Severity: Notice
Message: Undefined index: userid
Filename: views/question.php
Line Number: 191
Backtrace:
File: /var/www/html/cnasolution/application/views/question.php
Line: 191
Function: _error_handler
File: /var/www/html/cnasolution/application/controllers/Questions.php
Line: 419
Function: view
File: /var/www/html/cnasolution/index.php
Line: 315
Function: require_once
I'm trying to make the image and the text mobile responsive, but unable to do so. Is there anything wrong with the CSS? I'm using Bootstrap 4.
Here's the code:
HTML file
ABC
CSS
.masthead { min-height: 30rem; position: relative; display: table; width: 100%; height: auto; padding-top: 8rem; padding-bottom: 8rem; background: linear-gradient(90deg, fade-out($white, 0.9) 0%, fade-out($white, 0.9) 100%); background-position: center center; background-repeat: no-repeat; background-size: cover; h1 { font-size: 4rem; margin: 0; padding: 0; } @media (min-width: 992px) { height: 100vh; h1 { font-size: 5.5rem; } } } Any help will be really appreciated!
