Responsive Layouts:Media Queries in css grid

the footer and header areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.

The items between " " is a single row , consider there are three rows and two columns

"col col"
"col col"
"col col"

Instruction says you it wants the first row to occupy by the header and the bottom row to occupy by the footer and in the middle it needs advert and content.

Now split and fill it based on the cols, you will find the solution
Note: Consider header, advert, content and footer as col

1 Like