From 959460f01db6c29e73a08690ab11c0a26fc0d290 Mon Sep 17 00:00:00 2001
From: Haziq Khairi <ikhairulhaziq11@gmail.com>
Date: Tue, 9 Jan 2024 22:40:43 +0800
Subject: [PATCH] refactor: update Home page layout and font sizes

---
 src/pages/Home.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 172252c..45f6f6d 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,21 +1,24 @@
 import MoreArt from './MoreArt';
 import Categories from '../components/Categories';
 import { Link } from 'react-router-dom';
-import { FaArrowRight } from 'react-icons/fa'; // Importing an arrow icon
+import { FaArrowRight } from 'react-icons/fa';
 
 const Home = () => {
   return (
-    <div className="p-6">
-      <div className="flex justify-between items-center">
-        <header className="text-2xl font-bold">ArtistryHub.</header>
+    <div className="p-4 sm:p-6">
+      <div className="flex flex-wrap justify-between items-center">
+        <header className="text-xl sm:text-2xl font-bold mb-2 sm:mb-0">
+          ArtistryHub.
+        </header>
         <Link
           to="/artistry-hub/top-picks"
-          className="flex items-center text-lg font-medium text-blue-500 hover:text-blue-600 transition duration-300 ease-in-out"
+          className="flex items-center text-sm sm:text-lg font-medium text-blue-500 hover:text-blue-600 transition duration-300 ease-in-out"
         >
-          Explore Featured Artworks <FaArrowRight className="ml-2" />
+          Explore Featured Artworks{' '}
+          <FaArrowRight className="ml-1 sm:ml-2 text-base sm:text-lg" />
         </Link>
       </div>
-      <p className="text-gray-700 mt-2">
+      <p className="text-gray-700 text-sm sm:text-base mt-2">
         Explore our world of creative designs.
       </p>