From 656f8b33362a061ac805a93e74aff920f1baeb58 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:18:14 +0200
Subject: [PATCH 01/16] Update Layout.component.tsx

---
 src/components/Layout/Layout.component.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/Layout/Layout.component.tsx b/src/components/Layout/Layout.component.tsx
index 0b4dd23b4..bce7dde44 100644
--- a/src/components/Layout/Layout.component.tsx
+++ b/src/components/Layout/Layout.component.tsx
@@ -56,14 +56,16 @@ const Layout = ({ children, title }: ILayoutProps) => {
   }, [refetch]);
 
   return (
-    <div className="flex flex-col min-h-screen container min-w-[140vw] md:min-w-[700px] md:px-[2.5rem] md:py-[1rem]">
-      <Header title={title} />
-      <PageTitle title={title} />
-      <main className="flex-grow">
-        {children}
-      </main>
-      <Footer />
-      <Stickynav />
+    <div className="flex flex-col min-h-screen w-full mx-auto">
+      <div className="container min-w-[140vw] md:min-w-[700px] md:px-[2.5rem] md:py-[1rem] lg:max-w-[1440px] mx-auto">
+        <Header title={title} />
+        <PageTitle title={title} />
+        <main className="flex-grow">
+          {children}
+        </main>
+        <Footer />
+        <Stickynav />
+      </div>
     </div>
   );
 };

From 369079755ae9543cc9163f2b08010bebd9ee6cd6 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:23:06 +0200
Subject: [PATCH 02/16] 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 bce7dde44..76d8a8b44 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] md:min-w-[700px] md:px-[2.5rem] md:py-[1rem] lg:max-w-[1440px] mx-auto">
+      <div className="container min-w-[140vw] md:min-w-[700px] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From 953d05d6e5260995b98cf30ebe917579119bd089 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:25:18 +0200
Subject: [PATCH 03/16] Update DisplayProducts.component.tsx

---
 .../Product/DisplayProducts.component.tsx      | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Product/DisplayProducts.component.tsx b/src/components/Product/DisplayProducts.component.tsx
index 891f4ed2c..7274c9439 100644
--- a/src/components/Product/DisplayProducts.component.tsx
+++ b/src/components/Product/DisplayProducts.component.tsx
@@ -50,7 +50,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
   <section className="container mx-auto bg-white">
     <div
       id="product-container"
-      className="flex flex-wrap items-center mb-[120px] md:mb-0"
+      className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-[120px] md:mb-0 px-4 lg:px-6"
     >
       {products ? (
         products.map(
@@ -79,7 +79,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
             return (
               <div
                 key={uuidv4()}
-                className="flex flex-col p-6 md:w-1/2 xl:w-1/4"
+                className="flex flex-col"
               >
                 <Link
                   href={`/produkt/${encodeURIComponent(
@@ -90,14 +90,14 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                     {image ? (
                       <img
                         id="product-image"
-                        className="transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
+                        className="w-full h-auto object-cover aspect-square transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
                         alt={name}
                         src={image.sourceUrl}
                       />
                     ) : (
                       <img
                         id="product-image"
-                        className="transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
+                        className="w-full h-auto object-cover aspect-square transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
                         alt={name}
                         src={
                           process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL
@@ -113,7 +113,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 >
                   <span>
                     <div className="flex justify-center pt-3">
-                      <p className="font-bold text-center cursor-pointer text-2xl">
+                      <p className="font-bold text-center cursor-pointer text-lg md:text-xl">
                         {name}
                       </p>
                     </div>
@@ -122,11 +122,11 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 {/* Display sale price when on sale */}
                 {onSale && (
                   <div className="flex justify-center">
-                    <div className="pt-1 text-gray-900 text-xl">
+                    <div className="pt-1 text-gray-900 text-lg md:text-xl">
                       {variations && filteredVariantPrice(price, '')}
                       {!variations && salePrice}
                     </div>
-                    <div className="pt-1 ml-2 text-gray-500 line-through text-lg">
+                    <div className="pt-1 ml-2 text-gray-500 line-through text-md md:text-lg">
                       {variations && filteredVariantPrice(price, 'right')}
                       {!variations && regularPrice}
                     </div>
@@ -134,7 +134,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 )}
                 {/* Display regular price when not on sale */}
                 {!onSale && (
-                  <p className="pt-1 text-center text-gray-900 text-xl">
+                  <p className="pt-1 text-center text-gray-900 text-lg md:text-xl">
                     {price}
                   </p>
                 )}
@@ -143,7 +143,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
           },
         )
       ) : (
-        <div className="mx-auto text-xl font-bold text-center text-gray-800 no-underline uppercase">
+        <div className="col-span-full mx-auto text-xl font-bold text-center text-gray-800 no-underline uppercase">
           Ingen produkter funnet
         </div>
       )}

From 44bf6e0dae467c8c45891cc02b63507824e01b69 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:27:41 +0200
Subject: [PATCH 04/16] Revert "Update DisplayProducts.component.tsx"

This reverts commit 953d05d6e5260995b98cf30ebe917579119bd089.
---
 .../Product/DisplayProducts.component.tsx      | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Product/DisplayProducts.component.tsx b/src/components/Product/DisplayProducts.component.tsx
index 7274c9439..891f4ed2c 100644
--- a/src/components/Product/DisplayProducts.component.tsx
+++ b/src/components/Product/DisplayProducts.component.tsx
@@ -50,7 +50,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
   <section className="container mx-auto bg-white">
     <div
       id="product-container"
-      className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-[120px] md:mb-0 px-4 lg:px-6"
+      className="flex flex-wrap items-center mb-[120px] md:mb-0"
     >
       {products ? (
         products.map(
@@ -79,7 +79,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
             return (
               <div
                 key={uuidv4()}
-                className="flex flex-col"
+                className="flex flex-col p-6 md:w-1/2 xl:w-1/4"
               >
                 <Link
                   href={`/produkt/${encodeURIComponent(
@@ -90,14 +90,14 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                     {image ? (
                       <img
                         id="product-image"
-                        className="w-full h-auto object-cover aspect-square transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
+                        className="transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
                         alt={name}
                         src={image.sourceUrl}
                       />
                     ) : (
                       <img
                         id="product-image"
-                        className="w-full h-auto object-cover aspect-square transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
+                        className="transition duration-500 ease-in-out transform cursor-pointer hover:grow hover:shadow-lg hover:scale-105"
                         alt={name}
                         src={
                           process.env.NEXT_PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL
@@ -113,7 +113,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 >
                   <span>
                     <div className="flex justify-center pt-3">
-                      <p className="font-bold text-center cursor-pointer text-lg md:text-xl">
+                      <p className="font-bold text-center cursor-pointer text-2xl">
                         {name}
                       </p>
                     </div>
@@ -122,11 +122,11 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 {/* Display sale price when on sale */}
                 {onSale && (
                   <div className="flex justify-center">
-                    <div className="pt-1 text-gray-900 text-lg md:text-xl">
+                    <div className="pt-1 text-gray-900 text-xl">
                       {variations && filteredVariantPrice(price, '')}
                       {!variations && salePrice}
                     </div>
-                    <div className="pt-1 ml-2 text-gray-500 line-through text-md md:text-lg">
+                    <div className="pt-1 ml-2 text-gray-500 line-through text-lg">
                       {variations && filteredVariantPrice(price, 'right')}
                       {!variations && regularPrice}
                     </div>
@@ -134,7 +134,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 )}
                 {/* Display regular price when not on sale */}
                 {!onSale && (
-                  <p className="pt-1 text-center text-gray-900 text-lg md:text-xl">
+                  <p className="pt-1 text-center text-gray-900 text-xl">
                     {price}
                   </p>
                 )}
@@ -143,7 +143,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
           },
         )
       ) : (
-        <div className="col-span-full mx-auto text-xl font-bold text-center text-gray-800 no-underline uppercase">
+        <div className="mx-auto text-xl font-bold text-center text-gray-800 no-underline uppercase">
           Ingen produkter funnet
         </div>
       )}

From 81763e1dc31a75310d99698c6bcbe4831c7bed16 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:34:06 +0200
Subject: [PATCH 05/16] 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 76d8a8b44..73ba886fe 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] md:min-w-[700px] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
+      <div className="container min-w-[140vw] md:min-w-[700px] md:px-4 lg:px-6 py-4 max-w-[1490px] mx-auto">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From 87a789238911940ee9aad93cac3c2195669b5563 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:35:55 +0200
Subject: [PATCH 06/16] Revert "Update Layout.component.tsx"

This reverts commit 81763e1dc31a75310d99698c6bcbe4831c7bed16.
---
 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 73ba886fe..76d8a8b44 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] md:min-w-[700px] md:px-4 lg:px-6 py-4 max-w-[1490px] mx-auto">
+      <div className="container min-w-[140vw] md:min-w-[700px] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From 250dbe64b848383f9ea88c52e68be110f94865e3 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:36:25 +0200
Subject: [PATCH 07/16] Update Hero.component.tsx

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

diff --git a/src/components/Index/Hero.component.tsx b/src/components/Index/Hero.component.tsx
index 2423628f0..23e7529cc 100644
--- a/src/components/Index/Hero.component.tsx
+++ b/src/components/Index/Hero.component.tsx
@@ -6,7 +6,7 @@
 const Hero = () => (
   <section
     id="hero"
-    className="flex w-full mx-auto bg-right bg-cover mt-14 md:pt-0 md:items-center bg-hero-background h-[24rem]"
+    className="flex w-full mx-auto bg-right bg-cover mt-14 md:pt-0 md:items-center bg-hero-background h-[24rem] lg:max-w-[1490px]"
   >
     <div className="container mx-auto">
       <div className="flex flex-col items-start justify-center w-full px-6 tracking-wide lg:w-1/2">

From 321073d4489784162c54fc0766bd764d6c14e898 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:39:52 +0200
Subject: [PATCH 08/16] Update Footer.component.tsx

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

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index a333c633f..d91de2b35 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -4,7 +4,7 @@
  * @returns {JSX.Element} - Rendered component
  */
 const Footer = () => (
-  <footer className="bg-white mb-4 hidden md:block px-4">
+  <footer className="bg-white mb-4 hidden md:block px-4 mt-[5rem]">
     <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">
       <div className="text-gray-600 mx-auto">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign

From fcd9aa14c857249a6d9cc63360fd3ecbec75aaeb Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:41:36 +0200
Subject: [PATCH 09/16] Update Footer.component.tsx

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

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index d91de2b35..e1225d102 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -4,7 +4,7 @@
  * @returns {JSX.Element} - Rendered component
  */
 const Footer = () => (
-  <footer className="bg-white mb-4 hidden md:block px-4 mt-[5rem]">
+  <footer className="bg-white mb-2 hidden md:block px-4 mt-[5rem]">
     <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">
       <div className="text-gray-600 mx-auto">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign

From 4cb48b26318ac38d2b8e4bc6b9ed9db7262a8d48 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:44:57 +0200
Subject: [PATCH 10/16] 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 76d8a8b44..be71cacc4 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] md:min-w-[700px] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
+      <div className="container min-w-[140vw] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From 0e8a4dfd387974861ec6bb59b7597190490212b2 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:47:58 +0200
Subject: [PATCH 11/16] 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 be71cacc4..6515ee937 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] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
+      <div className="container min-w-[140vw] sm:min-w-[100vw] md:px-4 lg:px-6 py-4 lg:max-w-[1600px] mx-auto">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From 1acf3e1e8b692abd0517150b251966793509b6bd Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:49:35 +0200
Subject: [PATCH 12/16] 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 6515ee937..734581978 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-4 lg:max-w-[1600px] 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">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From d2d9bbf5a59cd51af3145ceb73f74502132041d6 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:56:45 +0200
Subject: [PATCH 13/16] 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..f3e6d3b6b 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 w-full px-2 sm:px-4 md:px-6 lg:px-8 py-2 mx-auto max-w-[100vw] sm:max-w-[540px] md:max-w-[720px] lg:max-w-[960px] xl:max-w-[1140px] 2xl:max-w-[1320px]">
         <Header title={title} />
         <PageTitle title={title} />
         <main className="flex-grow">

From d1f0d925444e5567d0b874412bb9ffdaf69b16b5 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:59:41 +0200
Subject: [PATCH 14/16] Revert "Update Layout.component.tsx"

This reverts commit d2d9bbf5a59cd51af3145ceb73f74502132041d6.
---
 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 f3e6d3b6b..734581978 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 w-full px-2 sm:px-4 md:px-6 lg:px-8 py-2 mx-auto max-w-[100vw] sm:max-w-[540px] md:max-w-[720px] lg:max-w-[960px] xl:max-w-[1140px] 2xl:max-w-[1320px]">
+      <div className="container min-w-[140vw] sm:min-w-[100vw] 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 f97b5c7e29dc658f2adcf663a4758b7907eefd10 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 24 Sep 2024 00:48:36 +0200
Subject: [PATCH 15/16] Update Navbar.component.tsx

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

diff --git a/src/components/Header/Navbar.component.tsx b/src/components/Header/Navbar.component.tsx
index 0e7004da2..5a423b773 100644
--- a/src/components/Header/Navbar.component.tsx
+++ b/src/components/Header/Navbar.component.tsx
@@ -17,32 +17,11 @@ const Navbar = () => {
   const isMobile = useIsMobile();
   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="order-3 hidden w-full md:flex md:items-center md:w-auto md:order-1"
-            id="menu"
-          >
-            <ul className="items-center justify-between pt-4 text-base text-gray-700 md:flex md:pt-0">
-              <li>
-                <Link href="/produkter">
-                  <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
-                    Produkter
-                  </span>
-                </Link>
-              </li>
-              <li>
-                <Link href="/kategorier">
-                  <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
-                    Kategorier
-                  </span>
-                </Link>
-              </li>
-            </ul>
-          </div>
-          <div className="order-1 md:order-2">
+      <nav id="header" className="top-0 z-50 w-full py-1 bg-white">
+        <div className="container flex flex-col md:flex-row items-center justify-between px-4 sm:px-6 py-3 mx-auto mt-0 md:space-x-4">
+          <div className="order-1 md:order-2 mb-4 md:mb-0">
             <Link href="/">
-              <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
+              <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline">
                 <svg
                   className="mr-2 text-gray-800 fill-current"
                   xmlns="https://www.w3.org/2000/svg"
@@ -61,7 +40,28 @@ const Navbar = () => {
             </Link>
           </div>
           <div
-            className="flex items-center order-2 md:order-3"
+            className="order-3 w-full md:w-auto md:flex md:items-center md:justify-between md:order-1 md:space-x-4"
+            id="menu"
+          >
+            <ul className="flex flex-col md:flex-row items-center justify-between pt-4 text-base text-gray-700 md:pt-0 md:space-x-4">
+              <li>
+                <Link href="/produkter">
+                  <span className="inline-block py-2 text-lg font-bold no-underline hover:underline">
+                    Produkter
+                  </span>
+                </Link>
+              </li>
+              <li>
+                <Link href="/kategorier">
+                  <span className="inline-block py-2 text-lg font-bold no-underline hover:underline">
+                    Kategorier
+                  </span>
+                </Link>
+              </li>
+            </ul>
+          </div>
+          <div
+            className="flex items-center order-2 md:order-3 mt-4 md:mt-0"
             id="nav-content"
           >
             <AlgoliaSearchBox />

From 588bd46d700ff627d10ccff28e1f4242a9669b8c Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 24 Sep 2024 00:53:14 +0200
Subject: [PATCH 16/16] Revert "Update Navbar.component.tsx"

This reverts commit f97b5c7e29dc658f2adcf663a4758b7907eefd10.
---
 src/components/Header/Navbar.component.tsx | 52 +++++++++++-----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/components/Header/Navbar.component.tsx b/src/components/Header/Navbar.component.tsx
index 5a423b773..0e7004da2 100644
--- a/src/components/Header/Navbar.component.tsx
+++ b/src/components/Header/Navbar.component.tsx
@@ -17,11 +17,32 @@ const Navbar = () => {
   const isMobile = useIsMobile();
   return (
     <header>
-      <nav id="header" className="top-0 z-50 w-full py-1 bg-white">
-        <div className="container flex flex-col md:flex-row items-center justify-between px-4 sm:px-6 py-3 mx-auto mt-0 md:space-x-4">
-          <div className="order-1 md:order-2 mb-4 md:mb-0">
+      <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="order-3 hidden w-full md:flex md:items-center md:w-auto md:order-1"
+            id="menu"
+          >
+            <ul className="items-center justify-between pt-4 text-base text-gray-700 md:flex md:pt-0">
+              <li>
+                <Link href="/produkter">
+                  <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
+                    Produkter
+                  </span>
+                </Link>
+              </li>
+              <li>
+                <Link href="/kategorier">
+                  <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
+                    Kategorier
+                  </span>
+                </Link>
+              </li>
+            </ul>
+          </div>
+          <div className="order-1 md:order-2">
             <Link href="/">
-              <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline">
+              <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
                 <svg
                   className="mr-2 text-gray-800 fill-current"
                   xmlns="https://www.w3.org/2000/svg"
@@ -40,28 +61,7 @@ const Navbar = () => {
             </Link>
           </div>
           <div
-            className="order-3 w-full md:w-auto md:flex md:items-center md:justify-between md:order-1 md:space-x-4"
-            id="menu"
-          >
-            <ul className="flex flex-col md:flex-row items-center justify-between pt-4 text-base text-gray-700 md:pt-0 md:space-x-4">
-              <li>
-                <Link href="/produkter">
-                  <span className="inline-block py-2 text-lg font-bold no-underline hover:underline">
-                    Produkter
-                  </span>
-                </Link>
-              </li>
-              <li>
-                <Link href="/kategorier">
-                  <span className="inline-block py-2 text-lg font-bold no-underline hover:underline">
-                    Kategorier
-                  </span>
-                </Link>
-              </li>
-            </ul>
-          </div>
-          <div
-            className="flex items-center order-2 md:order-3 mt-4 md:mt-0"
+            className="flex items-center order-2 md:order-3"
             id="nav-content"
           >
             <AlgoliaSearchBox />