Практичне заняття

4 секція

1. Створюємо через тег h2 заголовок секції та

розміщуємо його по центру:
<h2>text</h2>

2. Створюємо основний блок в якому будуть знаходитись

4 карточки. Структура коду:

<div class="cards"> <!--Основний блок -->

<div class="card"> <!--Картка 1 -->
…
</div>
<div class="card"> <!--Картка 2 -->
 …
</div>
… <!--Картка 3-4 -->
</div>
3. Розділяємо карточку на 4 основних секції

1. Заголовок <h3>
2. <div> з рамкою в якому знаходиться <p>. Текст всередині діва
вирівнюємо за допомогою флексів
3. Створюємо <ul> в якому приховуємо маркери та вирівнюємо всі
пункти(<li>) по центру
4. Створюємо кнопку, вирівнюємо та стилізуємо її
4. Дублюємо карточку 3 рази та за допомогою flex вирівнюємо їх в
рядок