feat: text size fixes

adtm · Jan 30, 2021 · 2374dfe · 2374dfe
1 parent 6b377f0
commit 2374dfe
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -23,7 +23,7 @@ const Footer = () => (
       justifyContent="flex-end"
     >
       <TextLink
-        name="tomas.eglinskas@gmail.com"
+        name="Email"
         href="mailto:tomas.eglinskas@gmail.com"
       />
       <TextLink

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -22,7 +22,7 @@ const Header = () => {
     >
       <Heading
         as="h1"
-        fontSize={{ base: 20, md: 37 }}
+        fontSize={{ base: "18px", sm: 20,  md: 37 }}
         letterSpacing={1}
         fontWeight={400}
       >
@@ -41,7 +41,7 @@ const Header = () => {
       >
         <Link to="/">
           <Button
-            fontSize={{ base: 20, md: 37 }}
+            fontSize={{ base: "18px", sm: 20,  md: 37 }}
             fontWeight={400}
             aria-label="About"
           >
@@ -50,7 +50,7 @@ const Header = () => {
         </Link>
         <Link to="/blog">
           <Button
-            fontSize={{ base: 20, md: 37 }}
+            fontSize={{ base: "18px", sm: 20,  md: 37 }}
             fontWeight={400}
             aria-label="Blog"
           >

diff --git a/src/components/pages/About.tsx b/src/components/pages/About.tsx
@@ -16,11 +16,11 @@ const About = () => (
     <Box ml={{ base: 0, sm: 0, lg: 0 }}>
       <Heading
         as="h2"
-        fontSize={{ base: "40px", md: "45px", lg: "55px" }}
+        fontSize={{ base: "30px", md: "40px", lg: "55px" }}
         fontWeight={400}
         pb={{ base: 10, md: 5 }}
         letterSpacing={1}
-        lineHeight={1.6}
+        lineHeight={{ base: 1.3, sm: 1.6}}
         maxW={1000}
       >
         <Text>