カードの例 PC・タブレットの場合 スマートフォンの場合 コード 上記のレイアウトを実現するためのHTMLとCSS <div class="md:flex justify-center mb-16"> <div class="py-4"> <div class="w-11/12 md:max-w-md mx-auto my-4 shadow-x1 border rounded-lg overflow-hidden"> <img src="image1.jpg" class="h-48 w-full object-cover"> <div class="p-4"> </div></div></div></div>