From 6f1dbec661b63d3012dd2beed84d90a352b8c363 Mon Sep 17 00:00:00 2001
From: "heronlancellot.eth" <heronlancellot@id.uff.br>
Date: Sat, 18 May 2024 20:14:36 -0300
Subject: [PATCH 1/2] feat: add min-base mobile dimension

---
 tailwind.config.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index 43874aca..ac4f9161 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -101,6 +101,8 @@ module.exports = {
           'slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
       },
       screens: {
+        // min mobile dimension
+        base: '320px',
         // max mobile dimension
         sm: '425px',
       },

From 76348657c6d2d4595ec40327de3e21ab22cca9be Mon Sep 17 00:00:00 2001
From: "heronlancellot.eth" <heronlancellot@id.uff.br>
Date: Sat, 18 May 2024 20:15:32 -0300
Subject: [PATCH 2/2] update: footer small devices responsivity

---
 src/components/Footer/Footer.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 58f6b67a..3df193cc 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -13,11 +13,11 @@ const Footer = React.forwardRef<
       ref={ref}
       {...rest}
       className={cn(
-        'flex w-full flex-col md:flex-row py-8 md:py-4 px-2 md-p4 gap-3 justify-center flex-wrap items-center bg-red-600',
+        'flex w-full flex-col md:flex-row py-8 md:py-4 px-2 md:p-4 sm:flex base:flex-col base:text-center gap-3 justify-center flex-wrap items-center bg-red-600',
         className
       )}
     >
-      <p className="text-white">
+      <p className="text-white text-sm min-[375px]:text-base ">
         Para cadastrar novos abrigos clique{' '}
         <a
           href="https://forms.gle/2S7L2gR529Dc8P3T9"
@@ -28,16 +28,16 @@ const Footer = React.forwardRef<
         </a>
       </p>
       <span className="text-white hidden md:block">•</span>
-      <span className="text-white flex flex-nowrap gap-2 items-center">
+      <span className="text-white flex flex-nowrap md:gap-2 gap-1 items-center sm:flex-row base:flex-col">
         Projeto Open Source disponível em{' '}
         <a
-          className="underline hover:text-gray-300 flex"
+          className="underline hover:text-gray-300 flex items-center gap-1"
           href="https://github.com/SOS-RS"
           target="_blank"
         >
           Github
+          <Heart className="h-3 w-3 stroke-white fill-white" />
         </a>
-        <Heart className="h-3 w-3 stroke-white fill-white" />
       </span>
     </div>
   );