From e8699bf5832aba0eed3b5fdb455ba401d1af4b2e Mon Sep 17 00:00:00 2001
From: roryjshelton <76418221+roryjshelton@users.noreply.github.com>
Date: Wed, 10 May 2023 05:17:11 -0700
Subject: [PATCH] ul/li @media + padding fix

---
 src/components/Navbar/Navbar.jsx          |  2 --
 src/components/P1/CTO/CTO.astro           |  2 +-
 src/components/P1/Footer/Footer.astro     |  4 +---
 src/components/P1/Footer/FooterStyles.css | 16 +++++++++++++++-
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index 54dc46e..2e3f3bd 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/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() {
diff --git a/src/components/P1/CTO/CTO.astro b/src/components/P1/CTO/CTO.astro
index c2d1df3..a7ef5e7 100644
--- a/src/components/P1/CTO/CTO.astro
+++ b/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];">
diff --git a/src/components/P1/Footer/Footer.astro b/src/components/P1/Footer/Footer.astro
index 1f609c1..834beb3 100644
--- a/src/components/P1/Footer/Footer.astro
+++ b/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>
diff --git a/src/components/P1/Footer/FooterStyles.css b/src/components/P1/Footer/FooterStyles.css
index 4c213a5..24a6759 100644
--- a/src/components/P1/Footer/FooterStyles.css
+++ b/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 {