Flexboxを使って、画像と説明文のセットを横一列に並べるレイアウトの作り方を説明する。 完成形 下記のようなイメージを作る。 HTMLの用意 まずはHTMLを用意する。 「offers」というクラスの中に、「offer」のdivが3つ入っている。 それぞれ「offer」のdiv の中に、img, h2, pを入れている。 <div class="offer-wrapper"> <div class= "container"> <h1>What We Offer</h1> <div class="offers"> <div class="offer"> <img src="./cafe.png"> <h2>Cafe</h2> <p>こだわりのコーヒーを用意しました。森の中で深い味わいをお楽しみください。</p> </div> <div class="offer"> <img src=".