Mises en page CSS utiles en une ligne

<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 /> - Grille sur 12 colonnes { 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 /> - Clamping My Style { clamp(&lt;min&gt;, &lt;actual&gt;, &lt;max&gt;) }<br /> - Respect for Aspect { aspect-ratio: &lt;width&gt; / &lt;height&gt; }</p>

[xguru]

<p>On ne peut pas vraiment dire que ça tienne sur une seule ligne… mais ça a l’air utile.</p>