teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Progate道場コースでわからないことがあります。

編集履歴

質問編集履歴

3

改善した

2020/03/09 02:19

投稿

yuta73
yuta73

スコア5

test CHANGED
File without changes
test CHANGED
@@ -1,11 +1,9 @@
1
- ###　どうしても進みません。
2
-
3
-
4
-
5
1
  Progate道場コースでここから先に進めません。
6
2
 
7
3
  どなたか教えて下さい。
8
4
 
5
+ HTML&CSS中級編道場コース　中級編復習　3.レッスン一覧部分を作ろう
6
+
9
7
 
10
8
 
11
9
  ### 発生している問題・エラーメッセージ
@@ -180,7 +178,229 @@
180
178
 
181
179
  ```
182
180
 
183
-
181
+ ```ここに言語を入力
182
+
183
+ /* CSSのリセット（消さないでください） */
184
+
185
+ html, body,
186
+
187
+ ul, ol, li,
188
+
189
+ h1, h2, h3, h4, h5, h6, p, div {
190
+
191
+ margin: 0;
192
+
193
+ padding: 0;
194
+
195
+ }
196
+
197
+
198
+
199
+ body {
200
+
201
+ font-family: 'Hiragino Kaku Gothic ProN W3', sans-serif;
202
+
203
+ }
204
+
205
+
206
+
207
+ li {
208
+
209
+ list-style: none;
210
+
211
+ }
212
+
213
+
214
+
215
+ a {
216
+
217
+ text-decoration: none;
218
+
219
+ }
220
+
221
+ .container {
222
+
223
+ width: 1170px;
224
+
225
+ background-size: cover;
226
+
227
+ margin: 0 auto;
228
+
229
+
230
+
231
+ }
232
+
233
+ /* ここからCSSを書いていきましょう */
234
+
235
+ .top-wrapper {
236
+
237
+ background-image: url(https://prog-8.com/images/html/advanced/top.png);
238
+
239
+ background-size: cover;
240
+
241
+ color: white;
242
+
243
+ padding: 180px 0px 100px 0px;
244
+
245
+ text-align: center;
246
+
247
+ }
248
+
249
+ .container h1 {
250
+
251
+ color: white;
252
+
253
+ opacity: 0.7;
254
+
255
+ font-size: 45px;
256
+
257
+ letter-spacing: 5px;
258
+
259
+ }
260
+
261
+ .container p {
262
+
263
+ color: white;
264
+
265
+ opacity: 0.7;
266
+
267
+ }
268
+
269
+ .signup {
270
+
271
+ background-color: #239b76;
272
+
273
+ margin-top: 23px;
274
+
275
+ opacity: 0.8;
276
+
277
+ }
278
+
279
+ .facebook {
280
+
281
+ background-color: #3b5998;
282
+
283
+ opacity: 0.8;
284
+
285
+ margin-right: 10px;
286
+
287
+ }
288
+
289
+ .twitter {
290
+
291
+ background-color: #5accee;
292
+
293
+ opacity: 0.8;
294
+
295
+ }
296
+
297
+ .btn {
298
+
299
+ display: inline-block;
300
+
301
+ padding: 8px 24px;
302
+
303
+ color: white;
304
+
305
+ border-radius: 4px;
306
+
307
+ }
308
+
309
+ .btn p {
310
+
311
+ margin: 15px 0px;
312
+
313
+ }
314
+
315
+ header {
316
+
317
+ background-color: rgba(34,49, 52,0.9);
318
+
319
+ height: 65px;
320
+
321
+ position: fixed;
322
+
323
+ top: 0px;
324
+
325
+ width: 100%;
326
+
327
+ z-index: 10;
328
+
329
+ }
330
+
331
+ .header-logo img {
332
+
333
+ width: 124px;
334
+
335
+ padding: 20px 0px;
336
+
337
+ float: left;
338
+
339
+ }
340
+
341
+ .btn:hover {
342
+
343
+ opacity: 1;
344
+
345
+ }
346
+
347
+ .login {
348
+
349
+ float: right;
350
+
351
+ padding: 0px 25px;
352
+
353
+ background-color: rgba(255,255,255,0.3);
354
+
355
+ height: 65px;
356
+
357
+ line-height: 65px;
358
+
359
+ color: white;
360
+
361
+ cursor: pointer;
362
+
363
+ transition: all 0.5s;
364
+
365
+ display: inline-block;
366
+
367
+ }
368
+
369
+ .login:hover {
370
+
371
+ background-color: rgba(255,255,255,0.5);
372
+
373
+ }
374
+
375
+ .main-wrapper {
376
+
377
+ height: 580px;
378
+
379
+ text-align: center;
380
+
381
+ background-color: #f7f7f7;
382
+
383
+ }
384
+
385
+ .container h2 {
386
+
387
+ font-weight: normal;
388
+
389
+ padding: 80px 0px 50px 0px;
390
+
391
+ color: #5f5d60;
392
+
393
+ }
394
+
395
+ .lesson {
396
+
397
+ float: left;
398
+
399
+ width: 25%;
400
+
401
+ }
402
+
403
+ ```###
184
404
 
185
405
  ### 試したこと
186
406
 
@@ -189,3 +409,5 @@
189
409
  Progate復習しましたがわかりませんでした。
190
410
 
191
411
  ![pタグ画像説明と詳細が反映されてません。](bb6a108e1a2c3f077b65e0212c8b916c.png)
412
+
413
+ ![イメージ説明](4aed027cf04608e4d0a7a71b2aeacf71.png)

2

画像を貼った

2020/03/09 02:19

投稿

yuta73
yuta73

スコア5

test CHANGED
File without changes
test CHANGED
@@ -14,321 +14,7 @@
14
14
 
15
15
  ```
16
16
 
17
- レッスンの画像の説明や詳細のpタグが反映されません。![これ画像貼れてますか？](1e1ea194836c6f855c9f0c002a86233c.jpeg)
17
+ レッスンの画像の説明や詳細のpタグが反映されません。
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
-
71
-
72
-
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
-
82
-
83
-
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
92
-
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
-
133
-
134
-
135
-
136
-
137
-
138
-
139
-
140
-
141
-
142
-
143
-
144
-
145
-
146
-
147
-
148
-
149
-
150
-
151
-
152
-
153
-
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
-
162
-
163
-
164
-
165
-
166
-
167
-
168
-
169
-
170
-
171
-
172
-
173
-
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
-
183
-
184
-
185
-
186
-
187
-
188
-
189
-
190
-
191
-
192
-
193
-
194
-
195
-
196
-
197
-
198
-
199
-
200
-
201
-
202
-
203
-
204
-
205
-
206
-
207
-
208
-
209
-
210
-
211
-
212
-
213
-
214
-
215
-
216
-
217
-
218
-
219
-
220
-
221
-
222
-
223
-
224
-
225
-
226
-
227
-
228
-
229
-
230
-
231
-
232
-
233
-
234
-
235
-
236
-
237
-
238
-
239
-
240
-
241
-
242
-
243
-
244
-
245
-
246
-
247
-
248
-
249
-
250
-
251
-
252
-
253
-
254
-
255
-
256
-
257
-
258
-
259
-
260
-
261
-
262
-
263
-
264
-
265
-
266
-
267
-
268
-
269
-
270
-
271
-
272
-
273
-
274
-
275
-
276
-
277
-
278
-
279
-
280
-
281
-
282
-
283
-
284
-
285
-
286
-
287
-
288
-
289
-
290
-
291
-
292
-
293
-
294
-
295
-
296
-
297
-
298
-
299
-
300
-
301
-
302
-
303
-
304
-
305
-
306
-
307
-
308
-
309
-
310
-
311
-
312
-
313
-
314
-
315
-
316
-
317
-
318
-
319
-
320
-
321
-
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
-
330
-
331
-
332
18
 
333
19
  ```
334
20
 
@@ -502,10 +188,4 @@
502
188
 
503
189
  Progate復習しましたがわかりませんでした。
504
190
 
505
-
506
-
507
- ### 補足情報（FW/ツールのバージョンなど）
191
+ ![pタグ画像説明と詳細が反映されてません。](bb6a108e1a2c3f077b65e0212c8b916c.png)
508
-
509
-
510
-
511
- ここにより詳細な情報を記載してください。

1

画像が貼れない

2020/03/08 16:21

投稿

yuta73
yuta73

スコア5

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ### 前提・実現したいこと
1
+ ###　どうしても進みません。
2
2
 
3
3
 
4
4
 
@@ -14,7 +14,321 @@
14
14
 
15
15
  ```
16
16
 
17
- レッスンの画像の説明や詳細のpタグが反映されません。![イメージ説明](bb6a108e1a2c3f077b65e0212c8b916c.png)
17
+ レッスンの画像の説明や詳細のpタグが反映されません。![これ画像貼れてますか？](1e1ea194836c6f855c9f0c002a86233c.jpeg)
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+
70
+
71
+
72
+
73
+
74
+
75
+
76
+
77
+
78
+
79
+
80
+
81
+
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+
94
+
95
+
96
+
97
+
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+
168
+
169
+
170
+
171
+
172
+
173
+
174
+
175
+
176
+
177
+
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+
186
+
187
+
188
+
189
+
190
+
191
+
192
+
193
+
194
+
195
+
196
+
197
+
198
+
199
+
200
+
201
+
202
+
203
+
204
+
205
+
206
+
207
+
208
+
209
+
210
+
211
+
212
+
213
+
214
+
215
+
216
+
217
+
218
+
219
+
220
+
221
+
222
+
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+
250
+
251
+
252
+
253
+
254
+
255
+
256
+
257
+
258
+
259
+
260
+
261
+
262
+
263
+
264
+
265
+
266
+
267
+
268
+
269
+
270
+
271
+
272
+
273
+
274
+
275
+
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+
287
+
288
+
289
+
290
+
291
+
292
+
293
+
294
+
295
+
296
+
297
+
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
314
+
315
+
316
+
317
+
318
+
319
+
320
+
321
+
322
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+
330
+
331
+
18
332
 
19
333
  ```
20
334
 
@@ -186,7 +500,7 @@
186
500
 
187
501
 
188
502
 
189
- ここに問題に対して試したことを記載してください。
503
+ Progate復習しましたがわかりませんでした。
190
504
 
191
505
 
192
506