チャレンジ：Flexboxで縦型ブログカードを作成する

ブログカードの作成。flexを利用してデフォルトの配置動作を変更。

課題内容：

• 投稿画像（imgクラス名のpost-imageタグ）と投稿情報（divクラス名のpost-infoタグ）の両方を含む親要素を特定。
• 親要素（divクラス名のblog-cardタグ）にflexプロパティを適用。
• カード内のアイテムを水平方向に中央揃え。
• アイテムがカード全体の高さをカバーするように設定。

• display: flex; は親要素のみに適用可能。
• デフォルトのフレックス方向は row のため、flex-direction: column; プロパティで変更が必要。
• アイテムを水平方向に中央揃えするには、align-items: center; を使用。
• アイテムを垂直方向に間隔を空けるには、justify-content: space-between; を使用。