Fixed misalignment of Buttons in Navbar issue ! #431 (#500)

Hello PR, Fixed issue number - #431 Issue Fixed - ![Screenshot 2024-10-13 192323](https://github.com/user-attachments/assets/b596f55b-b27c-4fdf-9ed3-0084f1eddf12) ## Type of PR  - [ ] () ## Checklist  - [x] I have gone through the [contributing guide](https://github.com/Anjaliavv51/Retro) - [x] I have updated my branch and synced it with project `main` branch before making this PR - [x] I have performed a self-review of my code - [x] I have tested the changes thoroughly before submitting this pull request. - [x] I have provided relevant issue numbers, screenshots, and videos after making the changes. - [x] I have commented my code, particularly in hard-to-understand areas. ## Additional context:
Anjaliavv51 · Oct 13, 2024 · 2488d3d · 2488d3d
2 parents 3b851d5 + 0b0dc77
commit 2488d3d
Showing 1 changed file with 40 additions and 26 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
-
+ 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
+ 
     <title>Retro</title>
-
-
+
+    <style>
+        @media (min-width: 992px) {
+            .navbar-expand-lg .navbar-nav {
+                margin-top: -9px; /* Add this line */
+            }
+        }
+    </style>
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="/Css-files/navbarstyles.css">
@@ -34,21 +41,26 @@
         <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 
         <link rel="stylesheet" href="./style.css">
-
+ 
     <style>
+
         .retro-heading {
-          font-family: var(--ff-philosopher);
-          color: brown;
+
+          font-family:  var(--ff-philosopher);
+          color:  brown;
           z-index: 99;
-          transition: all 0.3s ease;
-        }
+          transition:  all 0.3s ease;
 
-        .retro-heading:hover {
-           color: #5d095c;
-           text-shadow: 0 0 15px rgba(214, 30, 171, 0.9), 0 0 30px rgba(138, 38, 88, 0.7);
-           transform: scale(1.3); 
         }
+
+        .retro-heading:hover {
+
+           color:  #5d095c;
+           text-shadow:  0 0 15px rgba(214, 30, 171, 0.9), 0 0 30px rgba(138, 38, 88, 0.7);
+           transform:  scale(1.3); 
 
+        }
+
         .faq-container {
             margin-top: 50px;
             margin-left: auto;
@@ -98,24 +110,26 @@
   display: none;
 }
     </style>
-    <style>
+    <style> 
         /*Preloader CSS*/
 #preloader {
+
     position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    top:  0;
+    left:  0;
+    width:  100%;
+    height:  100%;
     background: hsl(20, 43%, 93%); /* Light background color */
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    transition: opacity 2s ease-out, visibility 2s ease-out;
-    opacity: 1;
-    visibility: visible;
-    z-index: 9999; /* Ensure the preloader is above all other content */
-}
+    display:  flex;
+    justify-content:  center;
+    align-items:  center;
+    transition:  opacity 2s ease-out, visibility 2s ease-out;
+    opacity:  1;
+    visibility:  visible;
+    z-index:  9999; /* Ensure the preloader is above all other content */
 
+}
+
 
 /* When hidden, preloader transitions out */
 #preloader.hidden {