From 71da2c40d9eb09328d8cd5475ef1ed9b6c463017 Mon Sep 17 00:00:00 2001
From: Shaurya Gupta <shauryag1000@gmail.com>
Date: Wed, 13 Mar 2024 00:23:14 +0530
Subject: [PATCH] fix: footer section responsiveness (#273)

* fix: Footer section responsiveness

fixes responsiveness of footer section in mobile

* Fixes flex direction and more in mobile screens

* Fixes indentation
---
 components/Footer/footer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Footer/footer.js b/components/Footer/footer.js
index 6f1b71fb..f80e119f 100644
--- a/components/Footer/footer.js
+++ b/components/Footer/footer.js
@@ -20,9 +20,9 @@ function Footer() {
   ];
   return (
     <div className="container">
-          <div className="w-full flex justify-between items-center p-4">
+          <div className="w-full flex justify-between items-center p-4 sm:flex-col sm:gap-3">
             <img src="/img/logo.png" className="w-[150px]" />
-      <div className="mt-2 text-[14px] text-gray underline">
+      <div className="mt-2 text-[14px] text-gray-100 underline">
         <a
         href="https://github.com/asyncapi/.github/blob/master/CODE_OF_CONDUCT.md"
         target="_blank"
@@ -35,7 +35,7 @@ function Footer() {
       <div>
       </div>
         <div className="flex items-center justify-between sm:flex-col sm:items-start">
-          <div className="flex flex-col justify-between items-start gap-2 w-[284px] sm:mt-6">
+          <div className="flex flex-col justify-between items-start gap-2 w-[284px] sm:items-center">
             <div className="flex justify-between items-center gap-3">
               {socials.map((social, index) => {
                 return (