Back

/ 1 min read

Crea un layout responsive con CSS Grid

Crea un layout totalmente responsive con CSS Grid, sin media queries ¡con tan solo 1 línea de código! 🤩

¿Qué es CSS Grid?

code
  • repeat(), nos permite repetir columnas tantas veces como sea necesario.
  • auto-fill(), la magia de este snippet de código. Llena el grid con tantas columnas como puedan caber.
  • minmax(), define el rango de tamaño mínimo y máximo para las columnas.

Aquí te dejo un codepen para que lo pruebes tu mismo: https://codepen.io/wilmerterrero/pen/jOBjOQy