質問編集履歴
3
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
<div class="container3"></div>
|
|
13
13
|
<div class="clear"></div>
|
|
14
14
|
<div class="container4"></div>
|
|
15
|
+
</div>
|
|
15
16
|
```
|
|
16
17
|
|
|
17
18
|
該当のソースコード
|
2
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,9 +10,8 @@
|
|
|
10
10
|
<div class="container">
|
|
11
11
|
<div class="container2"></div>
|
|
12
12
|
<div class="container3"></div>
|
|
13
|
-
<div class="clear">
|
|
13
|
+
<div class="clear"></div>
|
|
14
14
|
<div class="container4"></div>
|
|
15
|
-
</div>
|
|
16
15
|
```
|
|
17
16
|
|
|
18
17
|
該当のソースコード
|
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,18 +5,19 @@
|
|
|
5
5
|
---
|
|
6
6
|
flexのorderプロパティで順番を指定しているものの、container2だけが反映されない。
|
|
7
7
|
構造としては以下のようになっています。(子要素まで）
|
|
8
|
+
|
|
8
|
-
|
|
9
|
+
```html
|
|
9
10
|
<div class="container">
|
|
10
11
|
<div class="container2"></div>
|
|
11
12
|
<div class="container3"></div>
|
|
12
13
|
<div class="clear">
|
|
13
14
|
<div class="container4"></div>
|
|
14
15
|
</div>
|
|
16
|
+
```
|
|
15
17
|
|
|
16
|
-
|
|
17
18
|
該当のソースコード
|
|
18
19
|
---
|
|
19
|
-
|
|
20
|
+
```css
|
|
20
21
|
pc版
|
|
21
22
|
@media only screen and (min-width: 1000px) {
|
|
22
23
|
.container{
|
|
@@ -36,8 +37,9 @@
|
|
|
36
37
|
height: 125px;
|
|
37
38
|
text-align: center;
|
|
38
39
|
}
|
|
39
|
-
|
|
40
|
+
```
|
|
41
|
+
```css
|
|
40
|
-
スマホ
|
|
42
|
+
スマホ版
|
|
41
43
|
@media screen and (max-width: 500px) {
|
|
42
44
|
* {
|
|
43
45
|
float: none;
|
|
@@ -68,4 +70,5 @@
|
|
|
68
70
|
clear:none;
|
|
69
71
|
order: 4;
|
|
70
72
|
}
|
|
71
|
-
}
|
|
73
|
+
}
|
|
74
|
+
```
|