---
title: "Crea una parrilla fluida con CSS Grid"
description: "Con este one-liner de CSS , puedes crear una parrilla adaptable y fluida para mostrar tus noticias o cualquier contenido: CSS grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); g..."
url: https://dev.adammartin.es/micro-pildora/crea-una-parrilla-fluida-con-css-grid/
date: 2024-04-25
modified: 2026-08-04
author: "Adam Martin"
type: micro-pildora
lang: es
---

# Crea una parrilla fluida con CSS Grid

Con este **one-liner de CSS**, puedes crear una parrilla adaptable y fluida para mostrar tus noticias o cualquier contenido:

CSSgrid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));

```
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!