0 Answer
Buford darnell liz
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
Buford darnell liz
Punditsdkoslkdosdkoskdo
How to make CSS grid with different size elements responsive?
I am new to CSS grid and I have a grid layout that looks like this:
display: grid; grid-template-columns: 3fr 2fr 1fr; grid-template-rows: repeat(6, 1fr); grid-gap: 0.3rem; grid-template-areas: 'max1 mid1 sml1' 'max1 mid1 sml1' 'max1 mid1 sml2' 'max1 mid2 sml2' 'max1 mid2 sml3' 'max1 mid2 sml3';
]1 On a medium screen I would like it to look like this:
'max1 max1 mid1 ' 'max1 max1 mid1 ' 'max1 max1 mid2 ' 'max1 max1 mid2 ' 'sml1 sml2 sml3 '
And on small screen I would like it to look like this:
'max1 max1' 'mid1 mid2'
How to push features to the next row with on different screen sizes?