.four-col{display:grid;height:100%;width:100%}.four-col.md{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"c-1 c-2" "c-3 c-4"}.four-col.md>.col-1{grid-area:c-1}.four-col.md>.col-2{grid-area:c-2}.four-col.md>.col-3{grid-area:c-3}.four-col.md>.col-4{grid-area:c-4}.four-col.lg{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}