hover text fix

andrewsolonets · Sep 20, 2022 · f0863f3 · f0863f3
1 parent 6ac2197
commit f0863f3
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/src/Components/Grid/Grid.styles.js b/src/Components/Grid/Grid.styles.js
@@ -61,15 +61,18 @@ export const BreedsSingleCatLink = styled(NavLink)`
   }
 
   p {
-    font-size: 1.4vw;
+    font-size: 1.8rem;
     text-align: center;
-    padding-top: 0.2vw;
-    padding-bottom: 0.2vw;
-
-    padding-left: 2vw;
-    padding-right: 2vw;
+    padding: 0.5rem 1rem;
     color: ${({ theme }) => theme.main};
   }
+
+  @media (min-width: 37.5em) and (max-width: 75em) {
+    p {
+      font-size: 4rem;
+      padding: 2rem;
+    }
+  }
 `;
 
 export const GridItemWrapper = styled.div`