Завдання: Створення Вертикальної Картки Блогу з Flexbox

Створимо картку блогу. Необхідно змінити стандартну поведінку позиціонування за допомогою flex.

Завдання:

• Визначити батьківський елемент, що містить як зображення допису (img з класом post-image), так і інформацію про допис (div з класом post-info).
• Застосувати властивості flex до батьківського елемента (div з класом blog-card).
• Горизонтально вирівняти елементи всередині картки.
• Забезпечити, щоб елементи займали всю висоту картки.

• display: flex; можна застосувати лише до батьківського елемента.
• За замовчуванням напрямок flex — рядок, тому потрібно змінити його за допомогою властивості flex-direction: column;.
• Щоб вирівняти елементи по горизонталі, використовуйте align-items: center;.
• Щоб розташувати елементи по вертикалі з відступами, використовуйте justify-content: space-between;.