【実案件で使える】CSSでおしゃれFlexboxレイアウト10種

ChatGPTでも生成

１：メニューリスト

トップページのFV（ファーストビュー：主にメインビジュアル）直下に、見てもらいたいページリンクの一覧メニューを設置しておく場合に便利なレイアウトです。

ボタンは最大4つ横並びにし、画面幅1199pxで2つ並びに切り替わる設定

2：2カラム

サービス、特徴、〇〇な3つの理由などでよく使われる、「画像+テキストの2カラム」を1行ずつ交互に配置するレイアウト。カウンター（符号）付きで順次紹介する場合に適しています。