fix hero with image navbar links
This commit is contained in:
parent
021549886f
commit
15ca9bd863
|
@ -5,8 +5,8 @@
|
||||||
<div class="container mx-auto px-6 py-2">
|
<div class="container mx-auto px-6 py-2">
|
||||||
<div class="md:flex items-center justify-between">
|
<div class="md:flex items-center justify-between">
|
||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<div class="text-2xl font-bold text-gray-800 hover:text-gray-700 md:text-3xl">
|
<div>
|
||||||
<a href="#">Brand</a>
|
<a class="text-xl font-bold text-gray-800 hover:text-gray-700 md:text-2xl" href="#">Brand</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="md:hidden">
|
<div class="md:hidden">
|
||||||
|
@ -26,11 +26,11 @@
|
||||||
|
|
||||||
<div class="flex flex-col -mx-2 md:flex-row hidden md:block">
|
<div class="flex flex-col -mx-2 md:flex-row hidden md:block">
|
||||||
<a href="#"
|
<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="#"
|
<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="#"
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue