Merge pull request #1789 from ethereum/fix-eth2-headers

Prevent Eth2 header cutoff [Fixes #1773]
ethereum · Nov 11, 2020 · 6684b01 · 6684b01
2 parents 4892205 + b52e113
commit 6684b01
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/SharedStyledComponents.js b/src/components/SharedStyledComponents.js
@@ -215,7 +215,7 @@ export const Eth2Header = styled.h2`
   font-weight: normal;
   font-weight: 800;
   font-size: 48px;
-  line-height: 100%;
+  line-height: 120%;
   max-width: 640px;
   margin-bottom: 0rem;
   color: ${(props) => props.theme.colors.text00};
@@ -229,6 +229,10 @@ export const Eth2HeaderGradient = styled.span`
   background-image: ${(props) => props.theme.colors.eth2Gradient};
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    /* Avoid cutoff on mobile */
+    display: inline-block;
+  }
 `
 
 // MDX components