style: update header and link

kyziq · Jan 11, 2024 · 96e1aa8 · 96e1aa8
1 parent b9995cb
commit 96e1aa8
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -6,15 +6,13 @@ import { FaArrowRight } from 'react-icons/fa';
 const Home = () => {
   return (
     <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>
+      <div className="flex justify-between items-center">
+        <header className="text-xl sm:text-2xl font-bold">ArtistryHub.</header>
         <Link
           to="/top-picks"
-          className="flex items-center text-sm sm: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-800 transition duration-300 ease-in-out"
         >
-          Explore Featured Artworks{' '}
+          Explore Featured Artworks
           <FaArrowRight className="ml-1 sm:ml-2 text-base sm:text-lg" />
         </Link>
       </div>