質問編集履歴
2
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -642,11 +642,7 @@
|
|
|
642
642
|
|
|
643
643
|
|
|
644
644
|
|
|
645
|
-
Progateの道場コース上級編に関して質問です。
|
|
645
|
+
Progateの道場コース上級編に関して質問です。上記のコードの場合、表示結果は下の画像の1～3枚目のようになります。
|
|
646
|
-
|
|
647
|
-
CSS2の.fa-barsにline-height:100%;を書き加え、CSS1のpaddig-top:20px;を消すことによって、モバイル向けのレイアウトのハンバーガーメニューをheaderの上下中央の位置にしようとするとできません。
|
|
648
|
-
|
|
649
|
-
ちょうど上下中央にするにはどのようにしたらいいでしょうか？
|
|
650
646
|
|
|
651
647
|
|
|
652
648
|
|
|
@@ -659,3 +655,15 @@
|
|
|
659
655
|
|
|
660
656
|
|
|
661
657
|
|
|
658
|
+
|
|
659
|
+
|
|
660
|
+
|
|
661
|
+
しかしながら、CSS2の.fa-barsにline-height:100%;を書き加え、CSS1のpaddig-top:20px;を消すことによって、モバイル向けのレイアウトのハンバーガーメニューをheaderの上下中央の位置にしようとするとモバイル版の表示が下の画像のようになってしまい、上手くいきません。何故でしょうか？
|
|
662
|
+
|
|
663
|
+
|
|
664
|
+
|
|
665
|
+
また、ちょうど上下中央にするにはどのようにしたらいいでしょうか？
|
|
666
|
+
|
|
667
|
+
|
|
668
|
+
|
|
669
|
+
|
1
画像の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -647,3 +647,15 @@
|
|
|
647
647
|
CSS2の.fa-barsにline-height:100%;を書き加え、CSS1のpaddig-top:20px;を消すことによって、モバイル向けのレイアウトのハンバーガーメニューをheaderの上下中央の位置にしようとするとできません。
|
|
648
648
|
|
|
649
649
|
ちょうど上下中央にするにはどのようにしたらいいでしょうか？
|
|
650
|
+
|
|
651
|
+
|
|
652
|
+
|
|
653
|
+
|
|
654
|
+
|
|
655
|
+
|
|
656
|
+
|
|
657
|
+
|
|
658
|
+
|
|
659
|
+
|
|
660
|
+
|
|
661
|
+
|