回答編集履歴
2
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`max-width`の値を変更してみてください。
|
|
1
|
+
.event_boxの`max-width`の値を変更してみてください。
|
|
2
2
|
|
|
3
3
|
```CSS
|
|
4
4
|
.event_box {
|
1
修正
answer
CHANGED
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
.event_box {
|
|
5
5
|
width: 100%;
|
|
6
6
|
/* max-width: 46%; */
|
|
7
|
-
max-width: calc((100% - 30px) / 2);
|
|
7
|
+
max-width: calc((100% - 30px) / 2); /* 30pxは余白です。 */
|
|
8
8
|
}
|
|
9
|
-
```
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
横幅100%から、余白の30pxを引いた値を半分にすることで、横に2つ並んでいる要素の横幅を指定しています。
|