CSS Grid: media quaries

[Ujjwal1604]

Here, I already explained this:

Use Media Queries to Create Responsive Layouts 1

Hey @dem1968, the answer should be: @media (min-width: 400px){ .container{ /* change the code below this line */ grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto; grid-template-areas: "header header" "advert content" "footer footer"; /* change the code above this line */ } } Let me take you through the code step by step. I assume that you understand media queries very well. So, I will concentrate only on the grid part: First think about what your layout sho…