웹 페이지 프론트엔드 UI 수정

- 모바일에서 봤을 때 UI/UX 이상하고 불편했던 부분 수정
 - 블로그 글 모바일 크기 시 리스트 아래로 글이 내려가는 부분 수정
 - 전체 배경 이어 붙이기가 아닌 고정으로 스크롤 시에도 어색하지 않게 수정

src/components/Navbar.css

@@ -91,3 +91,36 @@
         align-items: flex-start;
     }
 }
+
+@media (max-width: 768px) {
+    .site-nav__inner {
+        padding: 14px 16px;
+        gap: 12px;
+    }
+
+    .site-nav__brand {
+        gap: 10px;
+    }
+
+    .site-nav__logo-image {
+        width: 36px;
+        height: 36px;
+    }
+
+    .site-nav__title {
+        font-size: 14px;
+    }
+
+    .site-nav__subtitle {
+        font-size: 11px;
+    }
+
+    .site-nav__links {
+        gap: 8px;
+    }
+
+    .site-nav__link {
+        font-size: 13px;
+        padding: 6px 10px;
+    }
+}