Задание

Cross-Axis Alignment 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-15.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; align-items: center; } /* Измените только значение align-items, чтобы получилось как в образце. Подсказки: flex-start flex-end stretch */

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