回答編集履歴
1
処理を簡潔にしました。
test
CHANGED
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
|
|
93
93
|
```
|
|
94
94
|
|
|
95
|
-
```s
|
|
95
|
+
```scss
|
|
96
96
|
|
|
97
97
|
.flex-container {
|
|
98
98
|
|
|
@@ -100,11 +100,19 @@
|
|
|
100
100
|
|
|
101
101
|
display: flex;
|
|
102
102
|
|
|
103
|
-
justify-content: ce
|
|
103
|
+
justify-content: space-between; // 間隔を開けて配置
|
|
104
|
+
|
|
105
|
+
width: 900px; // 横幅は適宜変更して下さい
|
|
106
|
+
|
|
107
|
+
margin: 0 auto;
|
|
104
108
|
|
|
105
109
|
|
|
106
110
|
|
|
107
111
|
article {
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
width: 250px; // 横幅は適宜変更して下さい
|
|
108
116
|
|
|
109
117
|
|
|
110
118
|
|
|
@@ -118,16 +126,6 @@
|
|
|
118
126
|
|
|
119
127
|
}
|
|
120
128
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
// 真ん中
|
|
124
|
-
|
|
125
|
-
&:nth-of-type(2) {
|
|
126
|
-
|
|
127
|
-
margin: 0 10px; // 左右に余白
|
|
128
|
-
|
|
129
|
-
}
|
|
130
|
-
|
|
131
129
|
}
|
|
132
130
|
|
|
133
131
|
}
|