回答編集履歴
2
誤字修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
footer.footer フレックスコンテナ(flexを設定し
|
5
|
+
footer.footer フレックスコンテナ(flexを設定した要素)
|
6
6
|
|
7
7
|
ul.footer__list フレックスアイテム(フレックスコンテナの子要素)
|
8
8
|
|
1
説明の改善
test
CHANGED
@@ -1,4 +1,18 @@
|
|
1
1
|
フレックスアイテムに幅を設定しないと、中身の幅になります。
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
footer.footer フレックスコンテナ(flexを設定して要素)
|
6
|
+
|
7
|
+
ul.footer__list フレックスアイテム(フレックスコンテナの子要素)
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
幅を指定しないと ul.footer__listの幅は中身の幅になります。(子要素のliの幅の合計)
|
12
|
+
|
13
|
+
そのため、ul.footer__list に justify-content: space-between; を設定しても余白自体がないので見た目の変化はないです。space-between は余白を均等に挿入するという意味ですので。
|
14
|
+
|
15
|
+
|
2
16
|
|
3
17
|
|
4
18
|
|