id名blueへのリンク
クラスを指定しない場合は灰色でテキストを表示
クラスを指定した部分は青でテキストを表示
IDを指定しない場合は灰色でテキストを表示
IDを指定した部分はオレンジでテキストを表示
.blueのついたh1タグ
.blueのついたpタグ
クラスとIDの優先順位
flexbox
Item 1
Item 2
Item 3
Item 4
Item 1
Item 2
Item 3
Item 4
Item 1
Item 2
Item 3
Item 4
flex-wrap
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
justify-content
align-items
stretch（初期値）
flex-start
flex-end
center
baseline
align-content
stretch（初期値）
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
flex-start
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
flex-end
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
center
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
space-between
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
space-around
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
test