From c99d78269c007d9926dfc61da5ae32f41ed63530 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 24 Sep 2024 01:20:01 +0200
Subject: [PATCH 1/4] Update Layout.component.tsx

---
 src/components/Layout/Layout.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Layout/Layout.component.tsx b/src/components/Layout/Layout.component.tsx
index 734581978..398c734a8 100644
--- a/src/components/Layout/Layout.component.tsx
+++ b/src/components/Layout/Layout.component.tsx
@@ -57,7 +57,7 @@ const Layout = ({ children, title }: ILayoutProps) => {
 
   return (
     <div className="flex flex-col min-h-screen w-full mx-auto">
-      <div className="container min-w-[140vw] sm:min-w-[100vw] md:px-4 lg:px-6 py-2 lg:max-w-[1600px] mx-auto">
+      <div className="container min-w-[140vw] sm:min-w-[95vw] md:px-4 lg:px-6 py-2 lg:max-w-[1600px] mx-auto">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From ddfe97698b49374126f568da817928587f843509 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 24 Sep 2024 01:32:04 +0200
Subject: [PATCH 2/4] Update Footer.component.tsx

---
 src/components/Footer/Footer.component.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index a333c633f..18ba60624 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -4,8 +4,8 @@
  * @returns {JSX.Element} - Rendered component
  */
 const Footer = () => (
-  <footer className="bg-white mb-4 hidden md:block px-4">
-    <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded">
+  <footer className="mb-4 hidden md:block px-4">
+    <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded lg:max-w-[1490px]">
       <div className="text-gray-600 mx-auto">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign
       </div>

From 8f10d3841607822aae52cef91527e7e182f6d5cc Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 24 Sep 2024 02:01:08 +0200
Subject: [PATCH 3/4] Update Navbar.component.tsx

---
 src/components/Header/Navbar.component.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/Navbar.component.tsx b/src/components/Header/Navbar.component.tsx
index 0e7004da2..a57455311 100644
--- a/src/components/Header/Navbar.component.tsx
+++ b/src/components/Header/Navbar.component.tsx
@@ -18,7 +18,7 @@ const Navbar = () => {
   return (
     <header>
       <nav id="header" className="top-0 z-50 w-full py-1 bg-white ">
-        <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
+        <div className="container flex flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
           <div
             className="order-3 hidden w-full md:flex md:items-center md:w-auto md:order-1"
             id="menu"
@@ -40,7 +40,7 @@ const Navbar = () => {
               </li>
             </ul>
           </div>
-          <div className="order-1 md:order-2">
+          <div className="order-1 md:order-2 md:hidden lg:block">
             <Link href="/">
               <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
                 <svg
@@ -61,7 +61,7 @@ const Navbar = () => {
             </Link>
           </div>
           <div
-            className="flex items-center order-2 md:order-3"
+            className="flex items-center order-2 md:order-3 md:mx-auto lg:mx-0"
             id="nav-content"
           >
             <AlgoliaSearchBox />

From 2ca5fc24ff40a64efe45e1ec66cfd7e5ebafe5ed Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 24 Sep 2024 02:03:03 +0200
Subject: [PATCH 4/4] Update Navbar.component.tsx

---
 src/components/Header/Navbar.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Header/Navbar.component.tsx b/src/components/Header/Navbar.component.tsx
index a57455311..ea96a0c34 100644
--- a/src/components/Header/Navbar.component.tsx
+++ b/src/components/Header/Navbar.component.tsx
@@ -61,7 +61,7 @@ const Navbar = () => {
             </Link>
           </div>
           <div
-            className="flex items-center order-2 md:order-3 md:mx-auto lg:mx-0"
+            className="flex items-center order-2 md:order-3"
             id="nav-content"
           >
             <AlgoliaSearchBox />