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>