fix: navbar final

components/Navbar.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 
 export default function Navbar() {
   return (
-    <div className='fixed z-10 flex w-full items-center border-b-[1px] border-solid border-black bg-primary-dark p-8 text-primary-light justify-center'>
-      <p className='hidden flex-1 text-left text-lg md:block'>
+    <div className='fixed z-10 flex w-full items-center justify-between border-b-[1px] border-solid border-black bg-primary-dark p-8 text-primary-light'>
+      <p className='hidden w-1/5 text-left text-lg md:block whitespace-normal break-words'>
         Yıldız Teknik Üniversitesi
       </p>
       <a
@@ -15,10 +15,10 @@ export default function Navbar() {
       </a>
       <a
         href='https://maps.app.goo.gl/rfNDFw7kpkF6syJU8'
-        className='ease hidden flex-1 text-right text-lg transition-all hover:scale-[1.1] active:scale-[0.8] md:block'
+        className='ease hidden w-1/5 text-right text-lg transition-all hover:scale-[1.1] active:scale-[0.8] md:block whitespace-normal break-words'
         target='_blank'
       >
-        Davutpaşa Kampüsü, Tarihi Hamam
+        Davutpaşa Kampüsü <br/> Tarihi Hamam
       </a>
     </div>
   );