Flexbox・Grid生成

使い方

カードの並べ方を試すときはFlexboxまたはGridを選び、列数、間隔、整列などを調整します。プレビューと生成CSSを対応させて読みます。

この見本だけでレスポンシブ設計は完成しません。実際の文字量と画面幅で折返しやはみ出しを確認し、必要なメディア条件は利用先で設計してください。