Flexboxを用いてレスポンシブなサイトを構築する - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ

今回はFlexboxを使用してレスポンシブなサイトを構築する方法を解説していきます。 Flexboxは文字通りフレキシブルなレイアウトを構築できるボックスで、今後webデザインを行う上で必要不可欠になってくると考えられます。 そんなFlexboxはレスポンシブwebデザインにも最適で、画面サイズに応じて最適なレイアウトを構築することができます。ぜひ今回の記事を参考に、ご自身のサイトにFlexboxを導入してみてください。 Flexboxの使い方 まずはFlexboxの基本的な使い方を解説していきます。 例１をみてください。 例１ 基本的なFlexbox コードは以下のようになります。 HTML <h3>flexboxを適用していないとき</h3> <div> <div class="item">Item 1</div> <div class="item">Item 2</div> <div