From 55397c96eb2b958a496960d62dcb843347ed170c Mon Sep 17 00:00:00 2001
From: Rohinish <92542124+rohinish404@users.noreply.github.com>
Date: Thu, 2 Feb 2023 09:03:33 +0530
Subject: [PATCH] fix: alignment of discover headings (#3597)

* alignment of text

* aligned the button nd heading

* Centered all headings
---
 pages/discover.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/discover.js b/pages/discover.js
index 343b1911d3a..4b21794dd0d 100644
--- a/pages/discover.js
+++ b/pages/discover.js
@@ -86,7 +86,7 @@ export default function Popular({ data, BASE_URL }) {
         </div>
 
         <div className="mb-12">
-          <div className="flex flex-col md:flex-row gap-3 items-center mb-4">
+          <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>
@@ -108,7 +108,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">
@@ -121,7 +121,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}>