私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。
私のアイデアは、ナビゲーション バーをロゴ部分、Web サイトのホームページ部分、ソーシャル リンク部分の 3 つの部分に分割することです。
問題は、div navBar 内の要素が連続して整列していないことですが、menuItems div 内の div と Socials div 内の要素は正しく整列していますが、それらの間にスペースが多すぎることです。 。何かが足りないのでしょうか？
リーリー リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML と CSS でのクラスの名前付けが矛盾しています。 HTML では
という名前が付けられます。navbarという名前が付けられ、CSS ではnavBar