From bace995384f0669cf1247b29147a487e367e2ba0 Mon Sep 17 00:00:00 2001
From: Mike de Geofroy <mikedegeofroy@gmail.com>
Date: Thu, 24 Oct 2024 13:17:15 +0300
Subject: [PATCH] Fixed spacing on mobile and letter size on marquees

---
 app/components/icons.tsx       | 4 ++--
 app/components/news-ticker.tsx | 4 ++--
 app/pages/home.page.tsx        | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/icons.tsx b/app/components/icons.tsx
index 8285d9c..f978a80 100644
--- a/app/components/icons.tsx
+++ b/app/components/icons.tsx
@@ -399,7 +399,7 @@ export const Icons = {
       src='/logo-icons/2.png'
       alt='logo'
       className={twMerge(
-        "h-[2rem] w-[2rem] inline-block object-contain",
+        "h-[1.5rem] w-[1.5rem] md:h-[2rem] md:w-[2rem] inline-block object-contain",
         props.className
       )}
     />
@@ -409,7 +409,7 @@ export const Icons = {
       src='/icons/coffee.png'
       alt='logo'
       className={twMerge(
-        "h-[2rem] w-[2rem] inline-block object-contain",
+        "h-[1.5rem] w-[1.5rem] md:h-[2rem] md:w-[2rem] inline-block object-contain",
         props.className
       )}
     />
diff --git a/app/components/news-ticker.tsx b/app/components/news-ticker.tsx
index 8692eb7..373a6cc 100644
--- a/app/components/news-ticker.tsx
+++ b/app/components/news-ticker.tsx
@@ -19,7 +19,7 @@ export const NewsTicker = ({ newsTop, newsBottom }: NewsTickerProps) => {
             key={`${index}_${x.title}}`}
             className='pr-10 flex items-center gap-5'
           >
-            {x.icon} <span className='text-xl'>{x.title}</span>
+            {x.icon} <span className='text-lg md:text-xl'>{x.title}</span>
           </div>
         ))}
       </Marquee>
@@ -29,7 +29,7 @@ export const NewsTicker = ({ newsTop, newsBottom }: NewsTickerProps) => {
             key={`${index}_${x.title}}`}
             className='pr-10 flex items-center gap-5'
           >
-            {x.icon} <span className='text-xl'>{x.title}</span>
+            {x.icon} <span className='text-lg md:text-xl'>{x.title}</span>
           </div>
         ))}
       </Marquee>
diff --git a/app/pages/home.page.tsx b/app/pages/home.page.tsx
index 2d59f79..d95275b 100644
--- a/app/pages/home.page.tsx
+++ b/app/pages/home.page.tsx
@@ -9,7 +9,7 @@ export const HomePage = () => {
   return (
     <>
       <Header />
-      <div className='space-y-20 md:space-y-10'>
+      <div className='space-y-10'>
         <HeroSection />
         <ProjectsSection />
         <AcheivementsSection />