diff --git a/src/components/flow/FlowHero/styles.module.scss b/src/components/flow/FlowHero/styles.module.scss index 2aac96b4..3f13152a 100644 --- a/src/components/flow/FlowHero/styles.module.scss +++ b/src/components/flow/FlowHero/styles.module.scss @@ -109,6 +109,13 @@ font: $font_32_bold; max-height: 3.6em; } + + @include phone { + white-space: initial; + word-wrap: break-word; + font: $font_24_bold; + max-height: 3.6em; + } } .buttons { diff --git a/src/layouts/FlowLayout/styles.module.scss b/src/layouts/FlowLayout/styles.module.scss index 62a5b17c..e9f96bdd 100644 --- a/src/layouts/FlowLayout/styles.module.scss +++ b/src/layouts/FlowLayout/styles.module.scss @@ -54,7 +54,7 @@ $cols: $content_width / $cell; } @media (max-width: $cell_tablet) { - grid-template-rows: calc(50vw - 10px) auto $fluid_cell; + grid-template-rows: calc(66vw - 10px) auto $fluid_cell; } @media (max-width: $cell_mobile) {