¡Trucazo! Responsive en 3 líneas de CSS usando Grid sin Media Queries

Описание к видео ¡Trucazo! Responsive en 3 líneas de CSS usando Grid sin Media Queries

🤯 ¡Te enseño a crear una cuadrícula responsive en CSS sin media queries!

💾 Guarda el vídeo para tenerlo siempre a mano y no perderte ningún detalle.

👍 Y es que desde que Grid ha llegado a CSS, la creación de cuadrículas se ha vuelto mucho más sencilla y potente.

🤩 Usando la propiedad grid-template-columns y la función repeat, podemos crear cuadrículas con tantas columnas como queramos, sin necesidad de escribir tantas líneas de código.

📐 Con minmax le decimos que el espacio debe ser de mínimo 150px, de forma que si la columna es menor a eso, entonces creará menos columnas para poder caber.

💬 ¿Qué te parece el resultado? ¿Te animas a crear tu propia cuadrícula responsive?

#shorts

Комментарии

Информация по комментариям в разработке

Похожие видео