質問編集履歴

1

css追加

2020/12/09 22:24

投稿

Larkiwing
Larkiwing

スコア120

test CHANGED
File without changes
test CHANGED
@@ -27,3 +27,81 @@
27
27
  </div>
28
28
 
29
29
  ```
30
+
31
+
32
+
33
+ ```css
34
+
35
+ .concept-description {
36
+
37
+ font-size: 2vw;
38
+
39
+ }
40
+
41
+
42
+
43
+ @media (max-width: 576px) {
44
+
45
+ .concept-title {
46
+
47
+ font-size: 30px;
48
+
49
+ }
50
+
51
+ .concept-description {
52
+
53
+ font-size: 16px;
54
+
55
+ }
56
+
57
+ }
58
+
59
+ @media (min-width: 768px) {
60
+
61
+ .concept-title {
62
+
63
+ font-size: 4vw;
64
+
65
+ }
66
+
67
+ .concept-description {
68
+
69
+ font-size: 2vw;
70
+
71
+ }
72
+
73
+ }
74
+
75
+ @media (min-width: 992px) {
76
+
77
+ .concept-title {
78
+
79
+ font-size: 4vw;
80
+
81
+ }
82
+
83
+ .concept-description {
84
+
85
+ font-size: 2vw;
86
+
87
+ }
88
+
89
+ }
90
+
91
+ @media (min-width: 1200px) {
92
+
93
+ .concept-title {
94
+
95
+ font-size: 4vw;
96
+
97
+ }
98
+
99
+ .concept-description {
100
+
101
+ font-size: 2vw;
102
+
103
+ }
104
+
105
+ }
106
+
107
+ ```