EntrarRegistrarse

CSS Grid me hizo tirar a la basura 10 años de hacks con floats

por Javier Vidal Ortiz··137 votos

Empece con tablas. Luego floats. Luego flexbox. Ahora CSS Grid.

Cada generacion pensaba que era el sistema definitivo. Con Grid por fin lo creo.

El patron que mas uso:

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

Eso solo da un layout responsivo sin media queries. Sin floats. Sin calcular porcentajes. Solo eso.

10 años de CSS para llegar aqui.