Con este one-liner de CSS, puedes crear una parrilla adaptable y fluida para mostrar tus noticias o cualquier contenido:
grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
¿Qué hace este código?
- repeat(auto-fill, …): Crea tantas columnas como quepan en el contenedor.
- minmax(min(200px, 100%), 1fr): Define columnas con un tamaño mínimo de
200px(o el ancho del contenedor si es menor) y un tamaño máximo flexible.
Es ideal para diseños adaptables, garantizando que cada elemento tenga suficiente espacio sin romper el diseño.
¡Perfecto para galerías, parrillas de noticias o cualquier contenido dinámico!