Layouts CSS úteis em 1 linha

<p>- Super Centered { place-items: center }<br /> - The Deconstructed Pancake { flex: 0 1 &lt;baseWidth&gt; }<br /> - Sidebar Says { grid-template-columns: minmax(&lt;min&gt;, &lt;max&gt;) ... }<br /> - Pancake Stack { grid-template-rows: auto 1fr auto }<br /> - Classic Holy Grail Layout { grid-template: auto 1fr auto / auto 1fr auto }<br /> - 12-Span Grid { grid-template-columns: repeat(12, 1fr) }<br /> - RAM (Repeat, Auto, Minmax) { grid-template-columns: repeat(auto-fit, minmax(&lt;base&gt;, 1fr)) }<br /> - Line Up { justify-content: space-between }<br /> - Limitando meu estilo { clamp(&lt;min&gt;, &lt;actual&gt;, &lt;max&gt;) }<br /> - Respeito pela proporção { aspect-ratio: &lt;width&gt; / &lt;height&gt; }</p>

[xguru]

<p>Não dá exatamente para chamar isso de uma única linha, mas parece útil.</p>