回答編集履歴
2
「flex: 0 0 50%;」の記述を追加
test
CHANGED
|
@@ -37,3 +37,25 @@
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
メディアクエリの記述を問題なさそうなので、「CSSセレクタの詳細度」に注目して調べてみると解決できるかもしれません。
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
また、別の視点として、以下の記述もヒントになるかもしれません。
|
|
48
|
+
|
|
49
|
+
```CSS
|
|
50
|
+
|
|
51
|
+
@media screen and (max-width: 768px) {
|
|
52
|
+
|
|
53
|
+
.feature {
|
|
54
|
+
|
|
55
|
+
flex: 0 0 50%;
|
|
56
|
+
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
```
|
1
修正しました。
test
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
[こちらで試したところ](https://codepen.io/new1ro/pen/KKpOELg)、問題なくレスポンシブの実装ができているようでした。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
例えば以下の場合、メディアクエリ内で指定した背景色「赤」は無視され、
|
|
2
6
|
|
|
3
7
|
メディアクエリの前の背景色「青」のままになります。
|