Saltar al contenido principal
Codigo Heroe
Desafío anterior
CSS Grid. Nivel 110/15
Ver desafíos del nivel
  1. 1. Modo de cuadrícula I
  2. 2. Modo de cuadrícula II
  3. 3. Filas de cuadrícula I
  4. 4. Filas de cuadrícula II
  5. 5. Filas de cuadrícula III
  6. 6. Filas de cuadrícula IV
  7. 7. Filas de cuadrícula V
  8. 8. Columnas de cuadrícula I
  9. 9. Columnas de cuadrícula II
  10. 10. Columnas de cuadrícula III
  11. 11. Columnas de cuadrícula IV
  12. 12. Columnas de cuadrícula V
  13. 13. Plantilla de cuadrícula I
  14. 14. Plantilla de cuadrícula II
  15. 15. Plantilla de cuadrícula III
Siguiente desafío
  • Skill Atlas

Cargando…
Estará listo en unos segundos.

  • Desafío

Columnas de cuadrícula III

Replica el ejemplo modificando el código
DificultadMedia
CategoríaHTML/CSS
Ahora
Estado actual de la página
Ejemplo
Resultado que debes obtener
ResultadoAparecerá después de la primera comprobaciónAparecerá después
  • index.html
  • style.css
HTML
CSS
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title> Desafío </title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-10.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="scene"> <div class="grid"> <div class="brick"> </div> <div class="brick"> </div> </div> </main> </body> </html>
.grid { display: grid; grid-template-columns: {{column1}} {{column2}}; }
-2
Vista previa

El código cambió. Haz clic en «Actualizar» o activa la ejecución automática.

Saliste de la página del desafío.

Haz clic dentro de la vista previa para enfocar esta ventana.

100%
0
    Completado 0%.

    Desafío completado

    Movimientos adicionales
    Continuar
    Codigo Heroe

    © 2023-2026, codigoheroe.com