Задание

Cross-Axis Alignment Property

Отредактируйте код так, чтобы результат совпал с образцом

сложностьсредняя

категория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-14.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="stage stage-calibrate"> <section class="target cards" aria-label="energy calibration 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; property: center; } /* Замените имя property на нужное flex-свойство, чтобы получилось как в образце. Подсказки: Возможные свойства: justify-content items-align align-items flex-direction */

Мой результатОбразец⛶