From 8e56e2a9b7bd06e85e678183b0fdcbd4f021cc9a Mon Sep 17 00:00:00 2001
From: xvoorvaa <xander@xvproductions.com>
Date: Thu, 25 Jan 2024 14:58:24 +0100
Subject: [PATCH] Added repsonsive design

---
 packages/app/components/Layout/Footer.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/app/components/Layout/Footer.tsx b/packages/app/components/Layout/Footer.tsx
index ff83ce3b4..eb810ae5d 100644
--- a/packages/app/components/Layout/Footer.tsx
+++ b/packages/app/components/Layout/Footer.tsx
@@ -28,15 +28,19 @@ const Footer = () => {
   const year = new Date().getFullYear()
 
   return (
-    <footer className="flex justify-center items-center mb-5 z-[99999999]">
+    <footer className="flex flex-wrap justify-center items-center mb-3 md:mb-5 z-[99999999]">
       <Image
-        className="hidden lg:block"
+        className="hidden mr-2 md:block"
         src="/logo.png"
         alt="Streameth logo"
         width={30}
         height={30}
       />
-      <div className="mx-2 text-sm text-black">
+      {/* Visible only on small screens */}
+      <div className="flex justify-center pb-1 w-full text-sm text-black md:hidden">
+        © {year} StreamETH International B.V.
+      </div>
+      <div className="hidden text-sm text-black md:block">
         © {year} StreamETH International B.V.
       </div>
       {Object.entries(items).map(([key, { item, href }]) => (