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