update mdx header sizes for mobile

2 years ago · b3f7f2deb2
parent eae8e0149d
commit b3f7f2deb2
1 changed files with 3 additions and 3 deletions
--- 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'
  },