1main > *, #page-core {
2    min-width: 0; /** not auto */
3}
4
5@media (min-width: 768px) {
6
7    #page-core {
8        display: grid;
9        gap: 1.5rem;
10        grid-template-areas: "page-side page-main";
11        grid-template-columns: minmax(min-content,1fr) 3fr;
12    }
13
14    #page-side {
15        grid-area: page-side;
16    }
17
18    #page-main {
19        grid-area: page-main;
20        display: grid;
21        grid-auto-flow: row;
22    }
23
24}
25
26
27