• 0

A PHP Error was encountered

Severity: Notice

Message: Undefined index: userid

Filename: views/question.php

Line Number: 191


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 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'; 

enter image description here]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?

Download script demo [LINK]
Download script demo [LINK 2] Download script demo [LINK 2]