그리드 템플릿 열이 행의 항목을 정렬하지 않습니다.

Question

저는 HTML과 CSS를 처음 접하고 grid-template-column를 사용하여 탐색 모음을 만들려고 합니다.

내 생각은 탐색 모음을 로고 부분, 웹사이트 홈페이지 부분, 소셜 링크 부분의 3개 부분으로 나누는 것입니다.

문제는 div navBar 내부의 요소가 연속적으로 정렬되어 있지 않은데 menuItems div 내부의 div와 Socials div 내부의 요소가 올바르게 정렬되어 있지만 그 사이에 공간이 너무 많다는 것입니다. 뭔가 빠졌나요?

으아아아 으아아아

Answer 1

HTML과 CSS의 클래스 이름 지정이 일관되지 않습니다. HTML에서는 이름이 navbar，在 CSS 中，它被命名为 navBar

입니다.