fix: text wrapping in navbar

- make left navlinks and buttons hidden on small screen

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>