Grid Layout

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

29.  
30.  
33.  
36.  
51.  

Código esencial

Cuando queremos controlar los anchos de las columnas de nuestra rejilla, display:grid suele ser una solución más cómoda que display:flex.

display:grid básico

Ejercicio Grid Layout

Utilizando el estilos display:grid, realiza la maquetación del enlace.

Grid Layout 1
Descarga la imagen superior para hacer el ejercicio

Grid-column y grid-layout

Usando grid-column y grid-row

Ejercicio Grid Layout 2

Resolver este ejercicio modificando sólo el código CSS del ejercicio propuesto. No modificaremos su código HTML.

Grid Area

Usando grid-area

Grid Game

cssgridgarden.com

← Maquetar una web
Hacer página Grassy Green →