[B2BP-696] Fix Hero Counter style (#379)

* commit QA fix req * commit changeset
pagopa · Jul 24, 2024 · f48aa27 · f48aa27
1 parent 6581621
commit f48aa27
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/ten-jobs-collect.md b/.changeset/ten-jobs-collect.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": minor
+---
+
+Fix Hero Counter style
diff --git a/apps/nextjs-website/react-components/components/HeroCounter/HeroCounter.tsx b/apps/nextjs-website/react-components/components/HeroCounter/HeroCounter.tsx
@@ -67,7 +67,7 @@ const HeroCounter = (props: HeroCounterProps) => {
           variant='h1'
           color={textColor}
           mb={2}
-          sx={{ fontSize: '3.5rem!important' }}
+          sx={{ fontSize: { xs: '2.25rem!important', md: '3.5rem!important' }}}
         >
           {title}
         </Typography>
@@ -125,10 +125,10 @@ const HeroCounter = (props: HeroCounterProps) => {
             theme === 'light' ? palette.custom.primaryColorDark : textColor
           }
           sx={{
-            fontSize: '8rem',
+            fontSize: { xs: '5.625rem', md: '8rem' },
             display: 'flex',
             flexDirection: 'column',
-            alignItems: 'start',
+            alignItems: 'center',
             lineHeight: 1.1,
           }}
         >