teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2020/05/30 04:37

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -1,4 +1,4 @@
1
- `max-width`の値を変更してみてください。
1
+ .event_boxの`max-width`の値を変更してみてください。
2
2
 
3
3
  ```CSS
4
4
  .event_box {

1

修正

2020/05/30 04:37

投稿

new1ro
new1ro

スコア4528

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つ並んでいる要素の横幅を指定しています。