Saltar al contenido principal
Codigo Heroe
Desafío anterior
Flexbox. Nivel 12/18
Ver desafíos del nivel
  1. 1. Flex Container Activation I
  2. 2. Flex Container Activation II
  3. 3. Main-Axis Direction Property
  4. 4. Main-Axis Direction I
  5. 5. Main-Axis Direction II
  6. 6. Main-Axis Direction III
  7. 7. Main-Axis Direction IV
  8. 8. Main-Axis Distribution Property
  9. 9. Main-Axis Distribution I
  10. 10. Main-Axis Distribution II
  11. 11. Main-Axis Distribution III
  12. 12. Main-Axis Distribution IV
  13. 13. Main-Axis Distribution V
  14. 14. Cross-Axis Alignment Property
  15. 15. Cross-Axis Alignment I
  16. 16. Cross-Axis Alignment II
  17. 17. Cross-Axis Alignment III
  18. 18. Cross-Axis Alignment IV
Siguiente desafío
  • Skill Atlas

Cargando…
Estará listo en unos segundos.

  • Desafío

Flex Container Activation II

Replica el ejemplo cambiando 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="ru"> <head> <meta charset="utf-8"> <title>Испытание</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-2.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage stage-dock"> <section class="target cards" aria-label="cargo activation lane"> <article class="item">A-01</article> <article class="item">B-02</article> </section> </main> </body> </html>
.cards { display: {{display}}; }
-1
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