@layer page{main{ #intro { display: grid; grid-template-columns: 1fr; @media (width >= 48em) { grid-template-columns: 1fr 1fr; gap: var(--size-6); } h2 { font-size: var(--text-lg); } img { box-shadow: none; } } .cards { > div { display: grid; grid-template-rows: auto 1fr; } .content { display: flex; flex-direction: column; flex: 1; :last-child:has(a) { margin-top: auto; text-align: right; } } }}}