From f2c4026c5c8d3a1821be5a36fedb265a4f81b114 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 25 Jun 2021 14:38:17 +0700
Subject: [PATCH] fixed flow hero title size on mobile
---
src/components/flow/FlowHero/styles.module.scss | 7 +++++++
src/layouts/FlowLayout/styles.module.scss | 2 +-
2 files changed, 8 insertions(+), 1 deletion(-)
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) {