Veamos unos ejemplos de lo visto hasta ahora, para verlo mejor le damos estilo a body
Column-gap: 20px;
Row-gap 20px;
Obtenemos el mismo resultado poniendo
Para el siguiente ejemplo haremos unos cambios, en el html ponemos
Y en el css
De momento todo sigue igual
Definimos el grid-item1 en css para que empiece en la línea de columna 1 y finalice en la línea de columna 3
Si defino el grig-item2 mayor que el espacio que me queda pasaría esto
No hay comentarios:
Publicar un comentario