From 874d02c645c65fccbb196353931aa0a97276a95b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateus=20Felipe=20Gon=C3=A7alves?=
 <mateusfelipefg77@gmail.com>
Date: Tue, 12 Apr 2022 12:03:46 -0300
Subject: [PATCH] feat(ux): increase footer text size on small screens

---
 src/components/Footer/styles.ts | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/Footer/styles.ts b/src/components/Footer/styles.ts
index 1b18da20..12910f19 100644
--- a/src/components/Footer/styles.ts
+++ b/src/components/Footer/styles.ts
@@ -11,22 +11,27 @@ const FooterSection = styled.footer`
   backdrop-filter: blur(4px);
 
   p {
+    font-size: 1.25rem;
+    padding: 5px;
+
     a {
       text-decoration: none;
       color: rgba(255, 255, 255, 1);
-    }
-  }
 
-  p {
-    a.author {
-      font-weight: bold;
+      &.author {
+        font-weight: bold;
+      }
+      &.copy:hover {
+        cursor: pointer;
+        text-decoration: underline;
+      }
     }
   }
 
-  p {
-    a.copy:hover {
-      cursor: pointer;
-      text-decoration: underline;
+  @media (min-width: 769px) {
+    p {
+      font-size: 1rem;
+      padding: 2px;
     }
   }
 `