84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
写真のような div を配置するのに苦労しています。
このようなことを試してみましたが、CSSを使用してスタイルを設定したり配置したりするのが困難です。
単一の div は、最初の 2 つのカード/div にちなんで名前が付けられます。 2 番目の div は、2 番目のカード/div ダウンという名前が付けられます。
CSS グリッドは、このようなタイプのレイアウトに役立ちます。以下のコードを調べて、モデルに基づいてボックスをレイアウトする方法を確認してください。
MDN のグリッド テンプレート領域に関する次のセクションを必ずよく読んでください:グリッド セルを空白のままにしてください
グリッド テンプレート領域
リソース:CSS グリッドの完全ガイド
CSS グリッドは、このようなタイプのレイアウトに役立ちます。以下のコードを調べて、モデルに基づいてボックスをレイアウトする方法を確認してください。
MDN の
グリッド テンプレート領域
に関する次のセクションを必ずよく読んでください:グリッド セルを空白のままにしてくださいリソース:CSS グリッドの完全ガイド