From 49cee1179fea7801a1d19793bbd94ae80a9cd5e1 Mon Sep 17 00:00:00 2001
From: GiannisTsagkaropoulos <johntsagas2003@gmail.com>
Date: Fri, 1 Mar 2024 17:14:14 +0200
Subject: [PATCH] fix responsivity issue 2nd scorll

---
 src/components/MainPage/2ndScroll.js          | 4 ++--
 src/components/SocialMedia/SocialMediaItem.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/MainPage/2ndScroll.js b/src/components/MainPage/2ndScroll.js
index 2d1fe05..da49aa9 100644
--- a/src/components/MainPage/2ndScroll.js
+++ b/src/components/MainPage/2ndScroll.js
@@ -4,9 +4,9 @@ import Image from "next/image";
 
 function SecondScroll() {
   return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-col-3 justify-items-center bg-black">
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-col-3 justify-items-center bg-black mb-2">
       <div className="flex flex-col items-center md:items-left justify-center w-8/12 lg:w-5/12 my-4 md:my-8">
-        <h1 className="text-2xl hover:text-our-red text-left font-extrabold text-white leading-tight">
+        <h1 className="hidden mb:block text-2xl hover:text-our-red text-left font-extrabold text-white leading-tight">
           About the
         </h1>
 
diff --git a/src/components/SocialMedia/SocialMediaItem.js b/src/components/SocialMedia/SocialMediaItem.js
index 9462d40..4c31f6a 100644
--- a/src/components/SocialMedia/SocialMediaItem.js
+++ b/src/components/SocialMedia/SocialMediaItem.js
@@ -9,7 +9,7 @@ function SocialMediaItem({ iconName, link, color, hoverColor }) {
     <a
       href={link}
       target="_blank"
-      className="max-w-[60%] sm:max-w-[40%] md:max-w-[60%] inline-block"
+      className="max-w-[50%] sm:max-w-[30%] md:max-w-[60%] inline-block"
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
     >