質問編集履歴
2
**の記述を削除しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
<div>
|
|
12
12
|
<p>テキスト</p>
|
|
13
13
|
<div class="hoge">
|
|
14
|
-
|
|
14
|
+
<p>ここに背景色をつけたいです</p>
|
|
15
|
-
|
|
15
|
+
<p>ここに背景色をつけたいです</p>
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
|
18
18
|
</li>
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
margin-bottom: 24px;
|
|
41
41
|
margin: 0 auto 24px;
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.hoge{
|
|
44
44
|
flex-direction: column;
|
|
45
45
|
}
|
|
46
46
|
.hoge > p{
|
|
47
47
|
display: inline;
|
|
48
48
|
font-size: 1.2rem;
|
|
49
|
-
|
|
49
|
+
background-color: #ccc;
|
|
50
50
|
padding: 0px 10px;
|
|
51
51
|
margin-bottom: 6px;
|
|
52
52
|
}
|
1
メディアクエリの記述を追加・クラス名の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<img src="img/" alt="イメージ画像">
|
|
11
11
|
<div>
|
|
12
12
|
<p>テキスト</p>
|
|
13
|
-
<div class="
|
|
13
|
+
<div class="hoge">
|
|
14
14
|
**<p>ここに背景色をつけたいです</p>**
|
|
15
15
|
**<p>ここに背景色をつけたいです</p>**
|
|
16
16
|
</div>
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
```
|
|
20
20
|
|
|
21
21
|
```CSS
|
|
22
|
+
@media(max-width:375px){
|
|
22
23
|
li{
|
|
23
24
|
flex-direction: column;
|
|
24
25
|
}
|
|
@@ -42,11 +43,13 @@
|
|
|
42
43
|
.color{
|
|
43
44
|
flex-direction: column;
|
|
44
45
|
}
|
|
45
|
-
.
|
|
46
|
+
.hoge > p{
|
|
46
47
|
display: inline;
|
|
47
48
|
font-size: 1.2rem;
|
|
48
|
-
**background-color: #
|
|
49
|
+
**background-color: #ccc;**
|
|
49
50
|
padding: 0px 10px;
|
|
50
51
|
margin-bottom: 6px;
|
|
51
52
|
}
|
|
53
|
+
|
|
54
|
+
}
|
|
52
55
|
```
|