Centered all headings

EddieHubCommunity · Jan 23, 2023 · f9dc711 · f9dc711
1 parent 24e9730
commit f9dc711
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/pages/discover.js b/pages/discover.js
@@ -90,8 +90,8 @@ export default function Popular({ data, BASE_URL }) {
         </div>
 
         <div className="mb-12">
-          <div className="flex flex-row gap-3 items-center mb-4">
-            <h2 className="text-xl font-bold">
+          <div className="flex flex-row justify-center md:justify-start gap-3 items-center mb-4">
+            <h2 className="text-md md:text-xl font-bold">
               Random LinkFree Profiles
             </h2>
             <button
@@ -112,7 +112,7 @@ export default function Popular({ data, BASE_URL }) {
         </div>
 
         <div className="mb-12">
-          <h2 className="text-xl font-bold mb-4">
+          <h2 className="text-md md:text-left md:text-xl text-center font-bold mb-4">
             Trending LinkFree Profiles (last 24 hours)
           </h2>
           <ul className="flex flex-wrap gap-3 justify-center">
@@ -125,7 +125,7 @@ export default function Popular({ data, BASE_URL }) {
         </div>
 
         <div className="mb-12">
-          <h2 className="text-xl font-bold mb-4">Popular LinkFree Profiles</h2>
+          <h2 className="text-md md:text-xl md:text-left text-center font-bold mb-4">Popular LinkFree Profiles</h2>
           <ul className="flex flex-wrap gap-3 justify-center">
             {data.popular.map((profile) => (
               <li key={profile.username}>