Fixed spacing on mobile and letter size on marquees

shampsdev · Oct 24, 2024 · bace995 · bace995
1 parent 5b8a3ca
commit bace995
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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 />