CSS, Web, Web Development, Layout.
to locate each area. Similar to Flexbox layout, the position of each grid area can be changed in media queries. @media screen and (max-width: 800px) { body { grid-template-rows: auto; grid-template-columns: auto; } header, main, nav, aside, footer { grid-column: 1 / 2; min-height: auto; } main {