1main > *, #page-core { 2 min-width: 0; /** not auto */ 3} 4 5 6 7 8 9@media (min-width: 992px) { 10 11 main { 12 13 grid-area: page-main; 14 display: grid; 15 grid-template-columns: [main] 7fr [side] minmax(auto,2fr); 16 grid-auto-flow: row; 17 gap: 1rem; 18 grid-template-areas: unset; 19 margin-left: 1rem; 20 margin-right: 1rem; 21 align-content: flex-start; 22 23 } 24 25 #main-toc { 26 grid-column: side; 27 grid-row: 1 / span 5; 28 position: sticky; 29 top: 5rem; 30 z-index: 2; 31 height: fit-content; 32 } 33 34 #main-header { 35 grid-column: main; 36 } 37 38 #main-content { 39 grid-column: main; 40 } 41 42 #main-footer { 43 grid-column: main; 44 } 45 46 47} 48