update mdx header sizes for mobile

holiman · Nov 28, 2022 · b3f7f2d · b3f7f2d
1 parent eae8e01
commit b3f7f2d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
@@ -18,19 +18,19 @@ export const textStyles = {
   header1: {
     fontFamily: 'heading',
     fontWeight: 700,
-    fontSize: '2.125rem',
+    fontSize: { base: '1.875rem', md: '2.125rem' },
     letterSpacing: '0.04em',
     lineHeight: 'normal'
   },
   header2: {
     fontFamily: 'heading',
-    fontSize: '1.75rem',
+    fontSize: { base: '1.5rem', md: '1.75rem' },
     letterSpacing: '0.04em',
     lineHeight: 'normal'
   },
   header3: {
     fontFamily: 'heading',
-    fontSize: '1.375rem',
+    fontSize: { base: '1.25rem', md: '1.375rem' },
     letterSpacing: '0.04em',
     lineHeight: 'normal'
   },