Layouts modernos hechos con 1 línea de CSS

<p>Propiedades de CSS que te permiten crear layouts útiles con una sola línea<br /> - ¡Al centro! → place-items: center<br /> - Desarmar el pancake → flex: [grow] [shrink] [baseWidth]<br /> - Sidebar → grid-template-columns: minmax([min],[max])<br /> - Apilar el pancake → grid-template-rows: auto 1fr auto <br /> - Web clásica → grid-template: auto 1fr auto / auto 1fr auto<br /> - Grid de 12 columnas → grid-template-columns: repeat(12, 1fr)<br /> - RAM (Repeat, Auto, MinMax) → grid-template-columns: repeat(auto-fit, minmax([base], 1fr))<br /> - Mantener el espacio entre elementos → justify-content: space-between<br /> - Mantener el estilo → width: clamp([min], [actual], [max])<br /> - Mantener la proporción → aspect-ratio → [width] / [height]</p>

[xguru]

<p>place-items y los pancakes de verdad son muy útiles. </p>