回答編集履歴
5
[4]と[5]を追記
test
CHANGED
|
@@ -42,6 +42,22 @@
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
+
[5] 追記: 以下を追加してみてください。
|
|
46
|
+
|
|
47
|
+
```CSS
|
|
48
|
+
|
|
49
|
+
.top1 {
|
|
50
|
+
|
|
51
|
+
box-sizing: border-box;
|
|
52
|
+
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
そのほか、widthとpaddingを同時に指定している要素すべてに`box-sizing: border-box;`を指定してください
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
45
61
|
---
|
|
46
62
|
|
|
47
63
|
> 480pxから2段にしたいと思いコードを書きましたが
|
4
修正
test
CHANGED
|
@@ -24,6 +24,24 @@
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
+
[4] 追記: 以下を追加してみてください。
|
|
28
|
+
|
|
29
|
+
```CSS
|
|
30
|
+
|
|
31
|
+
@media screen and (max-width:480px) {
|
|
32
|
+
|
|
33
|
+
#container {
|
|
34
|
+
|
|
35
|
+
display: block;
|
|
36
|
+
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
27
45
|
---
|
|
28
46
|
|
|
29
47
|
> 480pxから2段にしたいと思いコードを書きましたが
|
3
修正
test
CHANGED
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
「480pxより大きなサイズのときは横並びにしたい」という意味だと認識しました。認識違いがあればご指摘ください。
|
|
33
|
+
「480pxより大きなサイズのときは横並び、480px以下のサイズのときは縦並びにしたい」という意味だと認識しました。認識違いがあればご指摘ください。
|
2
修正
test
CHANGED
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
「480pxより大きなサイズのときは
|
|
33
|
+
「480pxより大きなサイズのときは横並びにしたい」という意味だと認識しました。認識違いがあればご指摘ください。
|
1
修正
test
CHANGED
|
@@ -21,3 +21,13 @@
|
|
|
21
21
|
[3]
|
|
22
22
|
|
|
23
23
|
`#container2` (現状「container2」ですが) の`margin-bottom: 30px:`の末尾を「;」にしてください。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
> 480pxから2段にしたいと思いコードを書きましたが
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
「480pxより大きなサイズのときは2段にしたい」という意味だと認識しました。認識違いがあればご指摘ください。
|