From 15ca9bd863342c1ef4276c63a48690be2c115036 Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Thu, 7 May 2020 17:19:17 +0200
Subject: [PATCH] fix hero with image navbar links

---
 src/components/UI/Heroes/HeroWithImage.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/UI/Heroes/HeroWithImage.vue b/src/components/UI/Heroes/HeroWithImage.vue
index 1deb874..b6cad75 100644
--- a/src/components/UI/Heroes/HeroWithImage.vue
+++ b/src/components/UI/Heroes/HeroWithImage.vue
@@ -5,8 +5,8 @@
                 <div class="container mx-auto px-6 py-2">
                     <div class="md:flex items-center justify-between">
                         <div class="flex justify-between items-center">
-                            <div class="text-2xl font-bold text-gray-800 hover:text-gray-700 md:text-3xl">
-                                <a href="#">Brand</a>
+                            <div>
+                                <a class="text-xl font-bold text-gray-800 hover:text-gray-700 md:text-2xl" href="#">Brand</a>
                             </div>
                     
                             <div class="md:hidden">
@@ -26,11 +26,11 @@
                     
                         <div class="flex flex-col -mx-2 md:flex-row hidden md:block">
                             <a href="#"
-                                class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Home</a>
+                                class="py-2 px-2 text-sm text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium md:mx-2">Home</a>
                             <a href="#"
-                                class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">About</a>
+                                class="py-2 px-2 text-sm text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium md:mx-2">About</a>
                             <a href="#"
-                                class="text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium py-2 px-2 md:mx-2">Contact</a>
+                                class="py-2 px-2 text-sm text-gray-800 rounded hover:bg-gray-900 hover:text-gray-100 hover:font-medium md:mx-2">Contact</a>
                         </div>
                     </div>
                 </div>