質問編集履歴

4

完成報告

2020/12/17 06:51

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -427,3 +427,13 @@
427
427
  結果として、正解にはなりましたが、心なしかすこしだけ見本と余白スペースが違うように感じますが、いかがでしょうか?????
428
428
 
429
429
  ![イメージ説明](ff3a7c1c5b756555db37e6a05efe3ff3.png)
430
+
431
+
432
+
433
+ ### 完成画像
434
+
435
+ ### 参考写真
436
+
437
+
438
+
439
+ おかげさまで、無事完成いたしました。的確なアドバイスを頂き、誠にありがとうございました。

3

回答を受けての追記

2020/12/17 06:51

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -417,3 +417,13 @@
417
417
  ![イメージ説明](0703b3b79f746c7ae55bb65dc2d73241.png)
418
418
 
419
419
  ![イメージ説明](57bfa29f243d909b4a7b36c3c261a962.png)
420
+
421
+
422
+
423
+ ### ご回答を受けて追記
424
+
425
+ ご回答を受けて、Progateでそのようにコードを修正してみました(上記の該当コードは以前のままです)
426
+
427
+ 結果として、正解にはなりましたが、心なしかすこしだけ見本と余白スペースが違うように感じますが、いかがでしょうか?????
428
+
429
+ ![イメージ説明](ff3a7c1c5b756555db37e6a05efe3ff3.png)

2

追記

2020/12/17 06:09

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -330,6 +330,10 @@
330
330
 
331
331
  align-items:center;
332
332
 
333
+ /*ちなみに margin-left:20px */
334
+
335
+
336
+
333
337
 
334
338
 
335
339
  }
@@ -360,6 +364,10 @@
360
364
 
361
365
  transition: all 0.5s;
362
366
 
367
+ /*ちなみに margin-right:50px*/
368
+
369
+ /*この二つを加えると見た目も大体同じになり、正解にもなります*/
370
+
363
371
  }
364
372
 
365
373
 

1

コードの一部修正

2020/12/17 02:39

投稿

mitrasi
mitrasi

スコア49

test CHANGED
File without changes
test CHANGED
@@ -304,6 +304,8 @@
304
304
 
305
305
  position:fixed;
306
306
 
307
+ top:0;
308
+
307
309
  z-index: 10;
308
310
 
309
311
  height:65px;