UI fix and improvements

src/components/Footer.astro

@@ -18,14 +18,14 @@
         <h1>Quick links</h1>
         <div>
           <ul>
-            <li>
+            <li class="leading-5">
               <a href="https://magazine.mindplex.ai/terms/">Terms and Privacy</a
               >
             </li>
-            <li>
+            <li class="leading-5">
               <a href="https://magazine.mindplex.ai/news/">News</a>
             </li>
-            <li>
+            <li class="leading-5">
               <a href="https://magazine.mindplex.ai/coming-soon/"
                 >Content Factory</a
               >
@@ -193,7 +193,7 @@
 
   .center-footer-content li,
   .right-footer-content li {
-    margin: 0.3rem 0;
+    margin: 1rem 0;
   }
 
   .bottom-footer-content {
@@ -229,7 +229,7 @@
     .footer-desc {
       color: #a8a4a4;
       font-family: Barlow;
-      font-size: 6px;
+      font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: normal;
@@ -251,7 +251,7 @@
     .right-footer-content ul {
       color: #a8a4a4;
       font-family: Barlow;
-      font-size: 6px;
+      font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 12px;

src/components/Hero.astro

@@ -17,7 +17,7 @@ import GlowingBtn from "./GlowingBtn.astro";
     <div class="hero__cta">
       <GlowingBtn
         href="https://magazine.mindplex.ai"
-        text="Go to website"
+        text="Go Mindplex Magazine"
         fontSize="23px"
       />
       <img src="/hero_arrow.svg" alt="Image description" class="hero_cta_img" />

src/components/Navbar.astro

@@ -57,6 +57,7 @@ import GlowingBtn from "./GlowingBtn.astro";
     display: flex;
     justify-content: space-between;
     flex-direction: row;
+    flex-wrap: wrap;
     align-items: center;
     gap: 14px;
   }