Des mises en page modernes en une ligne de CSS

<p>Des propriétés CSS qui permettent de créer des mises en page utiles avec une seule ligne<br /> - Centrer ! → place-items: center<br /> - Pancake désassemblé → flex: [grow] [shrink] [baseWidth]<br /> - Barre latérale → grid-template-columns: minmax([min],[max])<br /> - Empilement pancake → grid-template-rows: auto 1fr auto <br /> - Web classique → 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([base], 1fr))<br /> - Garder l'espacement → justify-content: space-between<br /> - Garder le style → width: clamp([min], [actual], [max])<br /> - Garder les proportions → aspect-ratio → [width] / [height]</p>

[xguru]

<p>`place-items` et les pancakes sont vraiment très utiles.</p>