made fontsize responsive

Nactore-Org · Jun 3, 2024 · 4db56fd · 4db56fd
1 parent 1245130
commit 4db56fd
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/Pages/BlogPage.jsx b/src/Pages/BlogPage.jsx
@@ -109,23 +109,23 @@ const BlogPage = () => {
     return (
         <>
         {/* Tabs Container */}
-          <div className="grid grid-cols-3 lg:w-1/2 xl:w-1/4 md:w-2/3  w-5/6 mx-auto align-items-center  justify-items-center">
+          <div className="grid grid-cols-3 lg:w-1/2 xl:w-1/4 md:w-2/3 text-base sm:text-xl lg:text-2xl w-5/6 mx-auto align-items-center  justify-items-center">
             {/* Top blgs tab */}
             <div id="topTabContainer" className="border-b-2 w-full text-center transition-border duration-300">
                 <button id="topTab" className="relative p-0 m-0 border-0 bg-transparent w-full h-full text-gray-600" onClick={(e)=>handleTabClick(e)}>
-                  <h1 className="sticky top-0 left-0 z-[-1] text-2xl font-bold mb-4 mt-10 text-center transition-color duration-300">Top</h1>
+                  <h1 className="sticky top-0 left-0 z-[-1]  font-bold mb-4 mt-10 text-center transition-color duration-300">Top</h1>
                 </button>
             </div>
             {/* Trending blogs tab */}
             <div id="trendingTabContainer" className="border-b-2 w-full text-center transition-border duration-300">
                 <button id="trendingTab" className="relative p-0 m-0 border-0 bg-transparent w-full h-full relative z-1 text-gray-600" onClick={(e)=>handleTabClick(e)}>
-                  <h1 className="sticky top-0 left-0 z-[-1] text-2xl font-bold mb-4 mt-10 text-center transition-color duration-300">Trending</h1>
+                  <h1 className="sticky top-0 left-0 z-[-1]  font-bold mb-4 mt-10 text-center transition-color duration-300">Trending</h1>
                 </button>
             </div>
             {/* Latest blogs tab */}
             <div id="latestTabContainer" className="border-b-2 w-full border-black text-center transition-border duration-300">
                 <button id="latestTab" className="relative p-0 m-0 border-0 bg-transparent w-full h-full" onClick={(e)=>handleTabClick(e)}>
-                  <h1 className="sticky top-0 left-0 w-full z-[-1] text-2xl font-bold mb-4 mt-10 text-center transition-color duration-300">Latest</h1>
+                  <h1 className="sticky top-0 left-0 w-full z-[-1]  font-bold mb-4 mt-10 text-center transition-color duration-300">Latest</h1>
                 </button>
             </div>
           </div>