diff --git a/src/components/sections/blog/hero/hero.module.scss b/src/components/sections/blog/hero/hero.module.scss index e1c1a0d..49eda9c 100644 --- a/src/components/sections/blog/hero/hero.module.scss +++ b/src/components/sections/blog/hero/hero.module.scss @@ -22,7 +22,7 @@ .hero__container { @include respond-to('mobile') { - min-height: unset; + min-height: tovw(355px, 'mobile', 380px); } display: flex; diff --git a/src/components/sections/products/app/app.module.scss b/src/components/sections/products/app/app.module.scss index b912f40..e4fea56 100644 --- a/src/components/sections/products/app/app.module.scss +++ b/src/components/sections/products/app/app.module.scss @@ -71,6 +71,7 @@ width: 135%; transform: translateX(-15%); mix-blend-mode: screen; + max-width: tovw(600px, 'default', 600px); } display: none; diff --git a/src/components/sections/products/network/network.module.scss b/src/components/sections/products/network/network.module.scss index a03c92f..1af57a5 100644 --- a/src/components/sections/products/network/network.module.scss +++ b/src/components/sections/products/network/network.module.scss @@ -48,6 +48,7 @@ @include respond-to('mobile') { display: flex; flex-direction: column; + margin-top: tovw(25px, 'mobile'); } display: grid; @@ -114,6 +115,7 @@ margin: tovw(60px, 'mobile') 0 tovw(20px, 'mobile') 0; width: 100%; mix-blend-mode: screen; + max-width: tovw(400px, 'default', 400px); } display: none; diff --git a/src/components/sections/products/token/token.module.scss b/src/components/sections/products/token/token.module.scss index 6159bd2..1f74dac 100644 --- a/src/components/sections/products/token/token.module.scss +++ b/src/components/sections/products/token/token.module.scss @@ -48,6 +48,7 @@ @include respond-to('mobile') { display: flex; flex-direction: column; + margin-top: tovw(25px, 'mobile'); } display: grid; @@ -114,6 +115,7 @@ margin: tovw(60px, 'mobile') 0 tovw(5px, 'mobile') 0; width: 100%; mix-blend-mode: screen; + max-width: tovw(400px, 'default', 400px); } display: none; diff --git a/src/components/sections/products/watchers/watchers.module.scss b/src/components/sections/products/watchers/watchers.module.scss index 642fe5d..1574f3a 100644 --- a/src/components/sections/products/watchers/watchers.module.scss +++ b/src/components/sections/products/watchers/watchers.module.scss @@ -151,6 +151,7 @@ width: 135%; transform: translateX(-11%); mix-blend-mode: screen; + max-width: tovw(600px, 'default', 600px); } display: none;