Update CSS for navbar item visibility and font size (#204)

* nav bar ui fix

* 🎨 pnpm run lint:fix

[dependabot skip]

* remove unnecessary styles, add media query

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: ankitjena <[email protected]>

Author: 3 people

src/css/custom.css

@@ -90,19 +90,6 @@ a[docid="docs"] > svg {
 	align-items: center;
 }
 
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[docid="docs"] {
-		display: none !important;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[href="https://coderabbit.ai/blog"]
-	{
-		display: none;
-	}
-}
-
 [data-theme="light"] img[src$="#gh-dark-mode-only"],
 [data-theme="dark"] img[src$="#gh-light-mode-only"] {
 	display: none;
@@ -157,19 +144,6 @@ a[docid="docs"] > svg {
 	align-items: center;
 }
 
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[docid="docs"] {
-		display: none !important;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[href="https://coderabbit.ai/blog"]
-	{
-		display: none;
-	}
-}
-
 /* Light mode Discord icon */
 /* .header-discord-link:before {
     -webkit-filter: invert(100%);
@@ -303,3 +277,16 @@ a[docid="docs"] > svg {
 .center-image {
 	text-align: center;
 }
+
+@media screen and (max-width: 480px) {
+	a.navbar__item.navbar__link[href="/"] {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	a.navbar__item.navbar__link[href="https://coderabbit.ai/blog"]
+	{
+		display: none;
+	}
+}