質問編集履歴

2

**の記述を削除しました

2021/12/21 23:26

投稿

ayu_mi
ayu_mi

スコア6

test CHANGED
File without changes
test CHANGED
@@ -24,9 +24,9 @@
24
24
 
25
25
  <div class="hoge">
26
26
 
27
- **<p>ここに背景色をつけたいです</p>**
27
+ <p>ここに背景色をつけたいです</p>
28
28
 
29
- **<p>ここに背景色をつけたいです</p>**
29
+ <p>ここに背景色をつけたいです</p>
30
30
 
31
31
  </div>
32
32
 
@@ -82,7 +82,7 @@
82
82
 
83
83
  }
84
84
 
85
- .color{
85
+ .hoge{
86
86
 
87
87
  flex-direction: column;
88
88
 
@@ -94,7 +94,7 @@
94
94
 
95
95
  font-size: 1.2rem;
96
96
 
97
- **background-color: #ccc;**
97
+ background-color: #ccc;
98
98
 
99
99
  padding: 0px 10px;
100
100
 

1

メディアクエリの記述を追加・クラス名の変更

2021/12/21 23:26

投稿

ayu_mi
ayu_mi

スコア6

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <p>テキスト</p>
24
24
 
25
- <div class="color">
25
+ <div class="hoge">
26
26
 
27
27
  **<p>ここに背景色をつけたいです</p>**
28
28
 
@@ -39,6 +39,8 @@
39
39
 
40
40
 
41
41
  ```CSS
42
+
43
+ @media(max-width:375px){
42
44
 
43
45
  li{
44
46
 
@@ -86,13 +88,13 @@
86
88
 
87
89
  }
88
90
 
89
- .color > p{
91
+ .hoge > p{
90
92
 
91
93
  display: inline;
92
94
 
93
95
  font-size: 1.2rem;
94
96
 
95
- **background-color: #edede2;**
97
+ **background-color: #ccc;**
96
98
 
97
99
  padding: 0px 10px;
98
100
 
@@ -100,4 +102,8 @@
100
102
 
101
103
  }
102
104
 
105
+
106
+
107
+ }
108
+
103
109
  ```