ul/li @media + padding fix

src/components/Navbar/Navbar.jsx

@@ -1,6 +1,4 @@
 import React, {useState} from 'react'
-import {HiOutlineMenuAlt4} from 'react-icons/hi'
-
 import './NavbarStyles.css'
 
 function Navbar() {

src/components/P1/CTO/CTO.astro

@@ -1,5 +1,5 @@
 ---
-import "./CtoStyles.css";
+import "./CTOStyles.css";
 ---
 
 <div class="cto-container w-full transition-[0.5s];">

src/components/P1/Footer/Footer.astro

@@ -12,9 +12,7 @@ import "./FooterStyles.css";
                 >
                     <span class="footer-email"></span>contact@lumeweb.com
                 </li><div class="footer-span">
-                    <span class="footer-h2"
-                        >Freedom, privacy, <br />ownership.</span
-                    >
+                    <span class="footer-h2">Freedom, privacy, ownership.</span>
                 </div>
             </ul>
         </h6>

src/components/P1/Footer/FooterStyles.css

@@ -1,6 +1,6 @@
 .footer-li {
     font-family: var(--font-family-jaldi);
-    margin-inline: 5px;
+    margin-inline: 0.5vw;
     list-style-type: none;
     white-space: nowrap;
 }
@@ -19,12 +19,26 @@
         grid-template-columns: repeat(3, 1fr);
         gap: 1rem;
     }
+
+    .footer-li {
+        margin-inline: 0.7vw;
+    }
 }
 
 @media (width >=900px) {
     .footer-cards {
         grid-template-columns: repeat(6, 1fr);
     }
+
+    .footer-li {
+        margin-inline: 0.5vw;
+    }
+}
+
+@media (width <=600px) {
+    .footer-li {
+        margin-inline: 1vw;
+    }
 }
 
 .footer-logo {