main{align-self:center;max-width:1200px;margin-inline:auto;display:grid;grid-gap:1rem;grid-template-rows:auto 1fr;grid-template-columns:1fr;grid-template-areas:"header" "article"}main:has(>section.image){grid-template-columns:1fr 1fr;grid-template-areas:"header image" "article image"}main>article{grid-area:article}main>header{grid-area:header}main>section.image{grid-area:image}span#grade{color:#666;font-weight:300}section.image>img{margin-inline:auto;display:block;width:100%}article{color:#333}@media screen and (max-width: 800px){main:has(>section.image){grid-template-columns:1fr;grid-template-areas:"header" "article" "image"}section.image>img{max-width:600px}}