From d481fe776a8065c57cc693ed85ad9df6e06a6fdb Mon Sep 17 00:00:00 2001
From: kusowl <kushal.saha@outlook.com>
Date: Thu, 8 Jan 2026 10:07:54 +0530
Subject: [PATCH] fix: text wrapping in navbar

- make left navlinks and buttons hidden on small screen
---
 resources/views/components/navbar.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 96a2477..ef506d9 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -1,9 +1,9 @@
-<nav class="grid grid-cols-3 items-center wrapper py-6 shadow-xl">
+<nav class="flex justify-between items-center wrapper py-6 shadow-xl">
     <div class="logo">
         <a href="" class="font-bold text-2xl">{{config('app.name')}}</a>
     </div>
 
-    <div class="nav-links place-self-center">
+    <div class="nav-links  hidden sm:block">
         <ul class="flex space-x-8 text-accent-600">
             <x-nav-links :link="route('home')" name="Home" />
             <x-nav-links :link="route('home')" name="Explore deals" />
@@ -12,7 +12,7 @@
         </ul>
     </div>
 
-    <div class="nav-buttons space-x-4 place-self-end font-medium">
+    <div class="nav-buttons space-x-4 font-medium hidden sm:block ">
         <a href="">Login</a>
         <a href="" class="ui-btn ui-btn-neutral">Register</a>
     </div>