From 1a22c5a1a98f9f7dc6ad468fce6352329e44f4bd Mon Sep 17 00:00:00 2001
From: Prashant Kumar Niraj <prashantkumarniraj4@gmail.com>
Date: Sun, 1 Feb 2026 18:52:08 +0530
Subject: [PATCH] Fix conflicting Tailwind CSS utility classes on About page

---
 src/pages/about.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/about.jsx b/src/pages/about.jsx
index 88c1768c..9012d4e8 100644
--- a/src/pages/about.jsx
+++ b/src/pages/about.jsx
@@ -143,7 +143,7 @@ export default function About() {
       </Head>
 
       <section style={styles.section}>
-        <h1 style={{ marginBottom: '20px' }} className="font-mono text-6xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 sm:text-6xl md:text-5xl lg:text-6xl">
+        <h1 style={{ marginBottom: '20px' }} className="font-mono text-6xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 md:text-5xl lg:text-6xl">
           ABOUT
         </h1>
         <p className="text-zinc-600 dark:text-zinc-400 text-lg font-mono leading-7">
@@ -179,7 +179,7 @@ export default function About() {
           }}
         >
           <div className='m-3 w-[60px] h-[60px]  bg-cover bg-[url("/contribution.png")] dark:bg-[url("/contribution-dark.png")]'></div>
-          <h1 className="font-mono text-2xl md:text-6xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 sm:text-6xl md:text-5xl lg:text-6xl">
+          <h1 className="font-mono text-2xl font-extrabold tracking-tighter text-[#32a852] dark:text-yellow-400 sm:text-6xl lg:text-6xl">
             GSOC CONTRIBUTION
           </h1>
         </div>