回答編集履歴

2

追記

2019/10/03 07:01

投稿

mizumiinclude
mizumiinclude

スコア41

test CHANGED
@@ -1,6 +1,8 @@
1
1
  .box をほかのdiv(.box-wrap等)で囲ってあげて、
2
2
 
3
3
  .box-wrapのpadding-rightで10pxとってあげる、とかはどうでしょうか?
4
+
5
+ レスポンシブ対応では、width: 100% と max-widthでいけませんかね。
4
6
 
5
7
 
6
8
 
@@ -19,6 +21,8 @@
19
21
  ```css
20
22
 
21
23
  .box {
24
+
25
+ width: 100%;
22
26
 
23
27
  max-width: 860px;
24
28
 

1

追記

2019/10/03 07:01

投稿

mizumiinclude
mizumiinclude

スコア41

test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  .box {
22
22
 
23
- width: 860px;
23
+ max-width: 860px;
24
24
 
25
25
  height: 430px;
26
26
 
@@ -30,6 +30,8 @@
30
30
 
31
31
  .box-wrap {
32
32
 
33
+ width: 100%
34
+
33
35
  margin: 0 auto;
34
36
 
35
37
  padding-right: 10px;