diff --git a/src/components/sections/blog/post-hero/hero.module.scss b/src/components/sections/blog/post-hero/hero.module.scss index 5b3e589..25f3660 100644 --- a/src/components/sections/blog/post-hero/hero.module.scss +++ b/src/components/sections/blog/post-hero/hero.module.scss @@ -38,6 +38,11 @@ } h1 { + @include respond-to('mobile') { + line-height: 104%; + } + + line-height: 110%; max-width: tovw(900px, 'default', 900px); } diff --git a/src/components/sections/blog/post-hero/index.tsx b/src/components/sections/blog/post-hero/index.tsx index 1d8a399..4c54eef 100644 --- a/src/components/sections/blog/post-hero/index.tsx +++ b/src/components/sections/blog/post-hero/index.tsx @@ -16,7 +16,7 @@ const Hero = ({ data }: HeroProps) => { return (
{formatDate(data.date)} - + {data.title} diff --git a/src/components/sections/contact/hero/hero.module.scss b/src/components/sections/contact/hero/hero.module.scss index 8782462..6cdfcea 100644 --- a/src/components/sections/contact/hero/hero.module.scss +++ b/src/components/sections/contact/hero/hero.module.scss @@ -33,6 +33,7 @@ align-self: center; position: relative; margin-top: tovw(-165px, 'default'); + margin-bottom: tovw(-140px, 'default'); padding-top: tovw(30px, 'default', 20px); width: 82%; mix-blend-mode: lighten; diff --git a/src/components/sections/partners/contact/contact.module.scss b/src/components/sections/partners/contact/contact.module.scss index 9f6708d..c1298f9 100644 --- a/src/components/sections/partners/contact/contact.module.scss +++ b/src/components/sections/partners/contact/contact.module.scss @@ -67,6 +67,7 @@ .form__container { @include respond-to('mobile') { padding: tovw(56px, 'default', 32px) tovw(56px, 'default', 16px); + padding-bottom: tovw(40px, 'mobile'); border-radius: tovw(16px, 'default', 16px); } diff --git a/src/components/sections/partners/hero/hero.module.scss b/src/components/sections/partners/hero/hero.module.scss index 17efee6..61e5fcd 100644 --- a/src/components/sections/partners/hero/hero.module.scss +++ b/src/components/sections/partners/hero/hero.module.scss @@ -114,6 +114,7 @@ p { margin: tovw(25px, 'default', 10px) 0; font-size: tovw(30px, 'default', 18px); + line-height: 1.3; } ol { diff --git a/src/components/sections/products/hero/hero.module.scss b/src/components/sections/products/hero/hero.module.scss index 606b84d..07f811e 100644 --- a/src/components/sections/products/hero/hero.module.scss +++ b/src/components/sections/products/hero/hero.module.scss @@ -28,6 +28,7 @@ align-self: center; position: relative; margin-top: tovw(-165px, 'default'); + margin-bottom: tovw(-140px, 'default'); padding-top: tovw(30px, 'default', 20px); width: 82%; mix-blend-mode: lighten;