.layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.layout > * { padding: 1rem; border: 1px solid navy; }
@media (min-width: 50rem) { .layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }