CSS グリッドレイアウトはレイアウトを行うための完全なシステムの一部として、 CSS の他の機能と一緒に動作するよう設計された。このグリッドアイテムの中でフレックスボックスを使ってみる。

<div class="media"> <img src="images/monroe.jpg" alt="monroe">
  <div class="content">
    <div id="flex-container">
      <div class="title-item">
        <h3>CSS grid で作るレイアウトは flexbox と完全に機能する</h3>
      </div>
      <div class="date-item">
        <p>2023.3.26</p>
      </div>
    </div>
    <p>CSS グリッド…	(略)…を使ってみる。</p>
  </div>
</div>