3-16.レイアウトを組もう
5.display: flex ; justify-content: center 中央揃え
Item 1
Item 2
Item 3
Item 4
6.display: flex ; justify-content: space-between 両端・均等割り
Item 1
Item 2
Item 3
Item 4
7.display: flex ; justify-content: space-around 均等割り
Item 1
Item 2
Item 3
Item 4
8.display: flex ; justify-content: space-evenly 各アイテムを均等に配置
Item 1
Item 2
Item 3
Item 4
11.display: flex ; align-items: flex-end;
Item 1
Item 2
Item 3
Item 4
12.display: flex ; align-items: center;
Item 1
Item 2
Item 3
Item 4
13.display: flex ; justify-content: center; align-items: center;
Item 1
Item 2
Item 3
Item 4
1.display: flex ; flex-direction: row (初期値)
Item 1
Item 2
Item 3
Item 4
2.display: flex ; flex-direction: row-reverse
Item 1
Item 2
Item 3
Item 4
3.display: flex ; flex-direction: column
Item 1
Item 2
Item 3
Item 4
4.display: flex ; flex-direction: column-reverse
Item 1
Item 2
Item 3
Item 4
