Saltar al contenido principal
Codigo Heroe
Tarea anterior
Flexbox. Level 1 — Game Visuals9/18
A la lista de tareas
  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 tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Задание

Main-Axis Distribution I

Отредактируйте код так, чтобы результат совпал с образцом
сложностьсредняя
категорияHTML/CSS
Сейчас
это текущее состояние страницы
Образец
Такой результат нужно получить
РезультатПоявится после первой проверкиПоявится позже
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Испытание</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-9.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage stage-space"> <section class="target cards" aria-label="energy beacon lane"> <article class="item">A-01</article> <article class="item">B-02</article> <article class="item">C-03</article> </section> </main> </body> </html>
CSS
.cards { display: flex; justify-content: center; } /* Измените только значение justify-content, чтобы получилось как в образце. Подсказки: flex-end space-around space-between space-evenly */
Live preview

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
0
    Realizado 0%.
    Codigo Heroe

    © 2023-2026, codigoheroe.com