diff --git a/src/components/index/sections/Jumbotron.tsx b/src/components/index/sections/Jumbotron.tsx index dd953c7ee..e6b1ffc25 100644 --- a/src/components/index/sections/Jumbotron.tsx +++ b/src/components/index/sections/Jumbotron.tsx @@ -28,6 +28,14 @@ const useStyles = makeStyles(() => }, }, + textWrapper: { + textAlign: 'left', + + [theme.breakpoints.up('md')]: { + paddingLeft: theme.spacing(11), + }, + }, + heading: { color: theme.palette.common.white, fontWeight: 500, @@ -35,9 +43,13 @@ const useStyles = makeStyles(() => fontSize: theme.typography.pxToRem(30), maxWidth: '320px', + [theme.breakpoints.up('md')]: { + fontSize: theme.typography.pxToRem(32), + }, + [theme.breakpoints.up('lg')]: { - fontSize: theme.typography.pxToRem(60), - maxWidth: '55%', + fontSize: theme.typography.pxToRem(42), + maxWidth: '47%', }, }, @@ -76,7 +88,7 @@ export default function Jumbotron() { className={classes.jumbotronWrapper} style={{ backgroundImage: `url(${bannerSource})` }}> - + {t('index:podkrepi')} -
diff --git a/src/components/index/sections/WantToHelpPodkrepiBg.tsx b/src/components/index/sections/WantToHelpPodkrepiBg.tsx index 15943420c..ef102beaa 100644 --- a/src/components/index/sections/WantToHelpPodkrepiBg.tsx +++ b/src/components/index/sections/WantToHelpPodkrepiBg.tsx @@ -38,6 +38,14 @@ export default function WantToHelpPodkrepiBgSection() { {t('index:join-podkrepi-bg-section.text')} + + Discord team image + }> {t('index:join-podkrepi-bg-section.become-volunteer')}