回答編集履歴
3
あ
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
デフォルトではflex-wrapがnowrapになっているんで、`width`を100%にしても一行にまとめられてしまうからですねー
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
.containerに対してflex-wrapが折り返し可能だと示してやってくださいなー
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
|
|
91
|
-
|
|
91
|
+
|
|
92
92
|
|
|
93
93
|
@media screen and (min-width: 481px) and (max-width: 768px) {
|
|
94
94
|
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
|
|
105
105
|
display: flex;
|
|
106
106
|
|
|
107
|
-
flex-wrap: wrap;
|
|
107
|
+
flex-wrap: wrap; /*ついかだよー*/
|
|
108
108
|
|
|
109
109
|
}
|
|
110
110
|
|
2
よいこだ
test
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
flex-wrapですねー
|
|
1
|
+
デフォルトではflex-wrapがnowrapになっているんで、`width`を100%にしても一行にまとめられてしまうからですねー
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
```HTML
|
|
6
8
|
|
|
7
9
|
<div class="container">
|
|
8
10
|
|
|
@@ -56,7 +58,11 @@
|
|
|
56
58
|
|
|
57
59
|
<!-- /container -->
|
|
58
60
|
|
|
61
|
+
```
|
|
59
62
|
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
```CSS
|
|
60
66
|
|
|
61
67
|
.leftColumn,
|
|
62
68
|
|
|
@@ -171,3 +177,5 @@
|
|
|
171
177
|
}
|
|
172
178
|
|
|
173
179
|
}
|
|
180
|
+
|
|
181
|
+
```
|
1
あ
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
flex-wrapですねー
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
2
6
|
|
|
3
7
|
<div class="container">
|
|
4
8
|
|