質問編集履歴

5

コード marginに関する一部訂正

2020/12/15 08:16

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -196,7 +196,7 @@
196
196
 
197
197
  background-color: #239b76;
198
198
 
199
- margin:15px 0 0 15px;
199
+ margin:15px 0 15px 0;
200
200
 
201
201
 
202
202
 

4

一部訂正

2020/12/15 08:16

投稿

mitrasi
mitrasi

スコア49

test CHANGED
@@ -1 +1 @@
1
- Progate:中級:道場 ①幅と中央寄せを指定するタイミング ②marginのまとめかた ③マークと文字間の隙間 に関して
1
+ Progate:中級:道場 ①幅と中央寄せを指定するタイミング ②marginのまとめかた に関して
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  ②「signup」のmargin指定について、複数ある場合はまとめると思うのですが、「margin: 15px 0 15px 0;」ではダメなのか、何故ダメなのかと感じました。
10
10
 
11
- ③「font-awasemo」で取り入れたマークとその後の文字間について、上手く反映されません。
11
+
12
12
 
13
13
 
14
14
 

3

コードの修正

2020/12/15 04:27

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -130,6 +130,8 @@
130
130
 
131
131
  text-align:center;
132
132
 
133
+ padding: 180px 0 100px;
134
+
133
135
 
134
136
 
135
137
  }
@@ -148,48 +150,42 @@
148
150
 
149
151
 
150
152
 
153
+
154
+
151
- .container h1 p {
155
+ .top-wrapper h1 {
156
+
157
+ font-size:45px;
158
+
159
+ letter-spacing:5px;
160
+
161
+ opacity:0.7;
162
+
163
+ }
164
+
165
+
166
+
167
+ .top-wrapper p {
168
+
169
+ opacity:0.7;
170
+
171
+ margin-bottom: 15px;
172
+
173
+ }
174
+
175
+
176
+
177
+ .btn {
178
+
179
+ color:white;
152
180
 
153
181
  opacity:0.8;
154
182
 
155
- }
156
-
157
-
158
-
159
- .top-wrapper h1 {
160
-
161
- font-size:45px;
162
-
163
- letter-spacing:5px;
164
-
165
- opacity:0.7;
166
-
167
- }
168
-
169
-
170
-
171
- .top-wrapper p {
172
-
173
- opacity:0.7;
174
-
175
- margin-bottom: 15px;
183
+ padding:8px 24px;
176
-
177
- }
184
+
178
-
179
-
180
-
181
- .btn {
182
-
183
- color:white;
185
+ display:inline-block;
184
186
 
185
187
  opacity:0.8;
186
188
 
187
- padding:8px 24px;
188
-
189
- display:inline-block;
190
-
191
- opacity:0.8;
192
-
193
189
  border-radius: 4px;
194
190
 
195
191
  }

2

一部訂正

2020/12/15 04:19

投稿

mitrasi
mitrasi

スコア49

test CHANGED
@@ -1 +1 @@
1
- Progate:中級:道場 ①幅を指定するタイミング ②marginのまとめかた ③マークと文字間の隙間 に関して
1
+ Progate:中級:道場 ①幅と中央寄せを指定するタイミング ②marginのまとめかた ③マークと文字間の隙間 に関して
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Progate 中級 道場のトップ部分を作ろうに関する質問です。
4
4
 
5
- ①幅を指定するタイミングがなぜ「container」なのか?
5
+ ①幅を指定するタイミングがなぜ「container」なのか?(中央寄せに関しても)
6
6
 
7
7
   →幅は全体的なものだと思うので、一番大きく包括している「top-wrapper」なのでは?と感じました。
8
8
 

1

一部訂正

2020/12/15 04:14

投稿

mitrasi
mitrasi

スコア49

test CHANGED
@@ -1 +1 @@
1
- Progate:中級:道場 ①幅を指定するタイミング ②marginのまとめかた ③画像がフルスクリーンになっていない原因 ④マークと文字間の隙間 に関して
1
+ Progate:中級:道場 ①幅を指定するタイミング ②marginのまとめかた ③マークと文字間の隙間 に関して
test CHANGED
@@ -8,9 +8,7 @@
8
8
 
9
9
  ②「signup」のmargin指定について、複数ある場合はまとめると思うのですが、「margin: 15px 0 15px 0;」ではダメなのか、何故ダメなのかと感じました。
10
10
 
11
- ③画像を全体の背景としたいが、どうしても全体的に表示されない。
12
-
13
- 「font-awasemo」で取り入れたマークとその後の文字間について、上手く反映されません。
11
+ 「font-awasemo」で取り入れたマークとその後の文字間について、上手く反映されません。
14
12
 
15
13
 
16
14