.casper{font-size:4em}.column-items{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1em}header{grid-area:header}article{grid-area:content}aside{grid-area:sidebar}footer{grid-area:footer}.wrapper{display:grid;grid-gap:20px;grid-template-columns:1fr 5fr;grid-template-areas:"header  header" "sidebar content" "footer  footer"}@media (max-width: 500px){.wrapper{grid-template-columns:4fr;grid-template-areas:"header" "content" "sidebar" "footer"}}