@media(width <= 80em){.page-wrap{grid-template-columns:[page-header-start page-nav-start page-footer-start page-main-start] 4fr [page-main-end page-aside-start] 1fr [page-aside-end page-header-end page-nav-end page-footer-end];grid-template-rows:[page-header-start] min-content [page-header-end page-nav-start] min-content [page-nav-end page-aside-start page-main-start] 1fr [page-main-end page-aside-end page-footer-start] min-content [page-footer-end]}.page-nav{column-gap:1em;> input ~ .nav-menu-list { flex-direction: row; column-gap: 1em; > a { flex: 1 0 auto; } }}}