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