Para terminar de repasar CSSGrid podemos agregar:
.container {
grid-row-gap: 1em;
}Esto es para agregarle la separación por filas. Ya sospecharán que se va a hacer.
media (max-width: 768px) { .container { grid-template-columns: repeat(2, 1fr); } }
Acomodamos en versión tablet las card en 2 columnas.
@media (max-width: 425px) {
.container {
grid-template-columns: repeat(1, 1fr);
}
}Y finalmente acomodamos las card en 1 columna para versiones móviles.
Estas son unas de las ventajas de usar CSSGrid. Les dejo mi Pen: https://codepen.io/juancafelizzola/pen/QojzeB
Estas son unas de las ventajas de usar CSSGrid. Les dejo mi Pen: https://codepen.io/juancafelizzola/pen/QojzeB
