グリッドテンプレートの列が行上の項目を整列させない

Question

私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。

私のアイデアは、ナビゲーション バーをロゴ部分、Web サイトのホームページ部分、ソーシャル リンク部分の 3 つの部分に分割することです。

問題は、div navBar 内の要素が連続して整列していないことですが、menuItems div 内の div と Socials div 内の要素は正しく整列していますが、それらの間にスペースが多すぎることです。 。何かが足りないのでしょうか？

リーリー リーリー

Answer 1

HTML と CSS でのクラスの名前付けが矛盾しています。 HTML では navbar という名前が付けられ、CSS では navBar

という名前が付けられます。