refactor: fixed all footer issues

ComputerSocietyVITC · Aug 6, 2024 · 7c8881b · 7c8881b
1 parent 1f1ece8
commit 7c8881b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -26,7 +26,7 @@ export default function Home() {
           className="absolute top-[52%] left-[53%] w-[71px] translate-x-1/2 translate-y-1/2 z-50"
         />
         {/* Timer Section */}
-        <Timer />
+        {/* <Timer /> */}
         <div className="w-full" id="about">
           <div className="w-full flex flex-col mb-24">
             <p className="mt-24 font-extrabold text-5xl text-center md:text-start">

diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
@@ -27,16 +27,16 @@ const Footer = () => {
         {/* Footer content */}
         <div className="flex md:flex-row flex-col justify-center">
           {/* IEEE logo */}
-          <div className="flex items-center justify-center basis-1/3 mr-10">
+          <div className="flex items-center justify-center basis-1/3">
             <Image src="/logo2.png" alt="logo2" width={280} height={80} />
           </div>
 
           {/* Menu */}
-          <div className="space-y-4 mt-10 flex flex-col justify-center items-center basis-1/6 mr-10">
+          <div className="space-y-4 mt-10 flex flex-col justify-center items-center basis-1/6">
             <h3 className="text-xl font-semibold items-center md:text-left">
               Menu
             </h3>
-            <ul className="space-y-2 text-center md:text-left md:ml-3">
+            <ul className="space-y-2 text-center md:text-left">
               <TextButton href="#about">About</TextButton>
               <TextButton href="#team">Our Team</TextButton>
               <TextButton href="#events">Events</TextButton>
@@ -46,7 +46,7 @@ const Footer = () => {
           </div>
 
           {/* VITC address */}
-          <div className="space-y-4 flex items-center flex-col justify-center basis-1/5 mr-10 mt-10">
+          <div className="space-y-4 flex items-center flex-col justify-center basis-1/5 mt-10">
             <h3 className="text-xl font-semibold">Address</h3>
             <p className="text-center lg:text-left">
               Kelambakkam - Vandallur
@@ -59,7 +59,7 @@ const Footer = () => {
           </div>
 
           {/* Social Media */}
-          <div className="space-y-4 flex flex-col text-center md:text-left justify-center items-center mt-10 mr-10">
+          <div className="space-y-4 flex flex-col text-center md:text-left justify-center items-center mt-10">
             <h3 className="text-xl font-semibold">Social Media</h3>
             <SocialMediaGrid />
           </div>

diff --git a/src/components/footer/SocialsGrid.tsx b/src/components/footer/SocialsGrid.tsx
@@ -25,16 +25,16 @@ const socialMediaLinks = [
 
 const SocialMediaGrid: React.FC = () => {
   return (
-    <div className="grid grid-cols-2 gap-y-4 md:grid-cols-4">
+    <div className="grid grid-cols-2 sm:grid-cols-4 gap-y-4">
       {socialMediaLinks.map((link, index) => (
         <a
           key={index}
           href={link.href}
           target="_blank"
           rel="noopener noreferrer"
-          className="flex items-center mx-4 justify-center bg-[#0B1E3E] rounded-lg w-12 h-12 hover:bg-blue-500 transition-all duration-300 "
+          className="flex items-center mx-2 justify-center bg-[#0B1E3E] rounded-lg w-12 h-12 hover:bg-blue-500 transition-all duration-300 "
         >
-          <FontAwesomeIcon icon={link.icon} size="lg" className=""/>
+          <FontAwesomeIcon icon={link.icon} size="lg" className="" />
         </a>
       ))}
     </div>