Fabricio Méndez@fabriciomz

Tengo esto ~~~@mixin grid ($number, $columns, $gap) { display: grid; grid-template-columns: repeat($number, $columns); gap: $gap; } ~~~ Es bastante básico pero me sirve para lo que quiero.

El problema que tengo es la cantidad de columnas.

Me queda algo como esto ~~~@include grid (2 , 1fr , 20px) ~~~ Dos columnas de 1fr con un gap de 20px.

¿Pero que tal si quiero más columnas de diferentes tamaños?. He intentado algunas cosas pero no me salen bien.


Escribe una respuesta