CSS Grid: Use Media Queries to Create Responsive Layouts
said: 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.
need: When the viewport is 400px
or more, container
class should have a grid-template-areas
property in which the header and footer areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.