CSS Grid, 2nd last challenge

HTML-CSS
1

CSS Grid, 2nd last challenge.

“When the viewport is 400px or more, container class should have a grid-template-areas property in which 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.”

Am unable to view the video for a hint, am stuck and can’t get going, anyone capable and willing kindly help me out, regards.

2

what’s your code? what have you tried so far?

3

If you’re still stuck on it, it may be worth remembering that something like this code below creates a grid your elements use to position themselves.

      grid-template-areas: 
        "topleft topmid topright"
        "midleft mid midright"
        "bottomleft bottommid bottomright";