CSS3で一番の変化といえば、Flexboxですよね。 今までは、Floatなどを使ってレイアウトを変更させるのが一般的でした。 しかし、Floatとには様々な問題があり、扱いが難しいことが欠点です。 CSS3から登場したFlexboxを使えば簡単に要素を横並びにできます。 おそらく、要素の並び方を変更するときはFlexboxを使うのが主流になると思われます。 なので、今のうちにFlexboxを習得しましょう。 今回は、 Flexboxを使って制作したサンプルサイトを例にして説明します。 サンプルサイトを見てFlexboxを理解しよう まずは、今回紹介するサイトのコードを記載します。 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBoxサンプルサイト</title> <link
![【実例あり】Flexboxを使ってWEBサイトを制作しよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/05889f00f85fb9128e3e329784db94cd36a25db7/height=288;version=1;width=512/https%3A%2F%2Fkumaweb-d.com%2Fwp%2Fwp-content%2Fuploads%2F2018%2F08%2Fipad-820272_640.jpg)