Formatting

src/components/Navigation.astro

@@ -54,49 +54,54 @@ import AccountNavigation from './Login/AccountNavigation.astro';
       </button>
       <ul class='flex w-full flex-col items-center gap-2 md:gap-3'>
         <li>
-          <a href='/roadmaps' class='text-xl hover:text-blue-300 md:text-lg'
-            >Roadmaps</a
-          >
+          <a href='/roadmaps' class='text-xl hover:text-blue-300 md:text-lg'>
+            Roadmaps
+          </a>
         </li>
         <li>
           <a
             href='/best-practices'
-            class='text-xl hover:text-blue-300 md:text-lg'>Best Practices</a
+            class='text-xl hover:text-blue-300 md:text-lg'
           >
+            Best Practices
+          </a>
         </li>
         <li>
-          <a href='/guides' class='text-xl hover:text-blue-300 md:text-lg'
-            >Guides</a
-          >
+          <a href='/guides' class='text-xl hover:text-blue-300 md:text-lg'>
+            Guides
+          </a>
         </li>
         <li>
-          <a href='/videos' class='text-xl hover:text-blue-300 md:text-lg'
-            >Videos</a
-          >
+          <a href='/videos' class='text-xl hover:text-blue-300 md:text-lg'>
+            Videos
+          </a>
         </li>
         <li id='profile-mobile-nav' class='hidden'>
-          <a href='/profile' class='text-xl hover:text-blue-300 md:text-lg'
-            >Profile</a
-          >
+          <a href='/profile' class='text-xl hover:text-blue-300 md:text-lg'>
+            Profile
+          </a>
         </li>
         <li id='settings-mobile-nav' class='hidden'>
           <a
             href='/settings/profile'
-            class='text-xl hover:text-blue-300 md:text-lg'>Settings</a
+            class='text-xl hover:text-blue-300 md:text-lg'
           >
+            Settings
+          </a>
         </li>
         <li id='logout-mobile-nav' class='hidden'>
-          <button class='text-xl text-red-300 hover:text-red-400 md:text-lg'
-            >Logout</button
-          >
+          <button class='text-xl text-red-300 hover:text-red-400 md:text-lg'>
+            Logout
+          </button>
         </li>
         <li>
           <a
             href='/signup'
             id='register-mobile-nav'
             class='text-xl text-red-300 hover:text-red-400 md:text-lg'
-            >Register</a
           >
+            Register
+          </a>
         </li>
       </ul>
     </div>