From 907cabeece139fd4e367d9561442f657afd02395 Mon Sep 17 00:00:00 2001
From: Sanidhya Kumar Verma <sanidhya.verma12345@gmail.com>
Date: Sat, 13 Jan 2024 11:48:04 +0000
Subject: [PATCH] fixed borders and widths on smaller devices

---
 src/components/Footer.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 9e771aa..52b2955 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -8,7 +8,7 @@ import { socials } from "../constants";
 const Footer = () => {
   return (
     <nav
-      className={`${styles.paddingX} w-full flex items-center py-8 bg-primary border-t border-t-white/5`}
+      className={`${styles.paddingX} w-full flex items-center py-8 bg-primary border-t border-t-secondary/5`}
     >
       <div className="w-full flex justify-between items-center max-w-7xl mx-auto">
         <p className="text-white text-md font-bold flex">
@@ -16,7 +16,7 @@ const Footer = () => {
         </p>
 
         {/* Nav Links (Desktop) */}
-        <ul className="list-none hidden sm:flex flex-row gap-10">
+        <ul className="list-none hidden flex-row sm:flex gap-10">
           {socials.map((social) => (
             <li
               key={social.name}