回答編集履歴
2
誤字修正
answer
CHANGED
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
セレクタとプロパティの区別ができていないようです。
|
24
24
|
|
25
|
-
`padding` `
|
25
|
+
`padding` `font-size`はCSSプロパティで状態や修飾の値を設定するものです。
|
26
26
|
`h1` `h2`はCSSセレクタで修飾する対象を指定するものです。
|
27
27
|
|
28
28
|
下記のような構文になります。
|
1
説明追記
answer
CHANGED
@@ -8,4 +8,28 @@
|
|
8
8
|
padding {
|
9
9
|
22.4rem 32.4rem 300rem;
|
10
10
|
}
|
11
|
+
```
|
12
|
+
|
13
|
+
追記されたコード
|
14
|
+
---
|
15
|
+
```scss
|
16
|
+
@media (min-width: 769px) { //pc
|
17
|
+
padding: 22.4rem 32.3rem 300rem;
|
18
|
+
h1: padding: 8rem;
|
19
|
+
h2: font-size: 4.8rem;
|
20
|
+
}
|
21
|
+
```
|
22
|
+
|
23
|
+
セレクタとプロパティの区別ができていないようです。
|
24
|
+
|
25
|
+
`padding` `padding`はCSSプロパティで状態や修飾の値を設定するものです。
|
26
|
+
`h1` `h2`はCSSセレクタで修飾する対象を指定するものです。
|
27
|
+
|
28
|
+
下記のような構文になります。
|
29
|
+
|
30
|
+
```css
|
31
|
+
CSSセレクタ{
|
32
|
+
CSSプロパティ: 設定値;
|
33
|
+
CSSプロパティ: 設定値;
|
34
|
+
}
|
11
35
|
```
|