質問編集履歴

1

コードの挿入

2021/10/26 16:30

投稿

hiyoko_000001
hiyoko_000001

スコア3

test CHANGED
File without changes
test CHANGED
@@ -15,3 +15,103 @@
15
15
  ![イメージ説明](9314704f41134143f1442fe1c5e4276f.png)
16
16
 
17
17
  ![イメージ説明](216573fcce5ca7ad49624fc8113f2e36.png)
18
+
19
+
20
+
21
+ ```ここに言語を入力
22
+
23
+ .cover {
24
+
25
+ position: relative;
26
+
27
+ width: 100%;
28
+
29
+ height: auto;
30
+
31
+ align-items: center;
32
+
33
+ justify-content: center;
34
+
35
+ z-index: 50;
36
+
37
+ }
38
+
39
+
40
+
41
+
42
+
43
+ .title {
44
+
45
+ position: absolute;
46
+
47
+ width: 100%;
48
+
49
+ height: 100%;
50
+
51
+ display: flex;
52
+
53
+ align-items: center;
54
+
55
+ justify-content: center;
56
+
57
+ flex-direction: column;
58
+
59
+ color: $white;
60
+
61
+ z-index: 1000;
62
+
63
+   padding: 23.5rem 4rem 28.5rem;
64
+
65
+   h1 {
66
+
67
+    font-size: 3.2rem;
68
+
69
+   }
70
+
71
+   h2 {
72
+
73
+    font-size: 2.4rem;
74
+
75
+ }
76
+
77
+ @media (min-width: 769px) { //pc
78
+
79
+ padding: 22.4rem 32.3rem 300rem;
80
+
81
+ h1: font-size: 8rem;
82
+
83
+ h2: font-size: 4.8rem;
84
+
85
+ }
86
+
87
+ }
88
+
89
+
90
+
91
+ .carousel sp {
92
+
93
+ @media (min-width: 769px) {
94
+
95
+ display: none;
96
+
97
+ }
98
+
99
+ }
100
+
101
+
102
+
103
+
104
+
105
+ .carousel pc {
106
+
107
+ @media (max-width: 768px) {
108
+
109
+ display: none;
110
+
111
+ }
112
+
113
+ }
114
+
115
+
116
+
117
+ ```