CSS, Web, Web Development, Layout.
grid-area: aside; } footer { grid-area: footer; } @media screen and (max-width: 800px) { body { grid-template-areas: "header" "nav" "main" "aside" "footer"; } } You may have noticed the differences between them. In the latter example, the <nav> , <main> and <aside> areas are equal in width. This is