diff --git a/src/components/sections/products/app/app.module.scss b/src/components/sections/products/app/app.module.scss index 7ef5a6a..4b4932d 100644 --- a/src/components/sections/products/app/app.module.scss +++ b/src/components/sections/products/app/app.module.scss @@ -49,7 +49,7 @@ div:first-child { @include respond-to('mobile') { width: 100%; - min-height: tovw(300px, 'mobile', 340px); + min-height: tovw(190px, 'mobile', 340px); } position: relative; diff --git a/src/components/sections/products/network/network.module.scss b/src/components/sections/products/network/network.module.scss index 6c7e6c0..0ff14ee 100644 --- a/src/components/sections/products/network/network.module.scss +++ b/src/components/sections/products/network/network.module.scss @@ -113,7 +113,7 @@ .mobile_img_container { @include respond-to('mobile') { - min-height: tovw(268px, 'mobile', 450px); + min-height: tovw(245px, 'mobile', 450px); } .network__img__mobile { diff --git a/src/components/sections/products/stack/stack.module.scss b/src/components/sections/products/stack/stack.module.scss index 2f9cc33..34d9e39 100644 --- a/src/components/sections/products/stack/stack.module.scss +++ b/src/components/sections/products/stack/stack.module.scss @@ -3,7 +3,7 @@ .section { @include respond-to('mobile') { padding: 0; - padding-bottom: tovw(68px, 'mobile'); + padding-bottom: tovw(40px, 'mobile'); } position: relative; @@ -121,11 +121,11 @@ div:last-child { .image__container { - @media screen and (max-width: 1450px) { - min-height: unset; + @include respond-to('mobile') { + min-height: tovw(410px, 'mobile', 460px); } - min-height: tovw(1540px, 'default', 758px); + min-height: tovw(1520px, 'default', 720px); .stack__img { width: 100%; diff --git a/src/components/sections/products/token/index.tsx b/src/components/sections/products/token/index.tsx index 3b2b477..b74bffb 100644 --- a/src/components/sections/products/token/index.tsx +++ b/src/components/sections/products/token/index.tsx @@ -56,11 +56,13 @@ const Token = ({ data }: Props) => { {data?.tokenHeading}

{data?.tokenDesc}

- token +
+ token +

LNT will also be used to:

diff --git a/src/components/sections/products/token/token.module.scss b/src/components/sections/products/token/token.module.scss index efe5d3a..a7a73a3 100644 --- a/src/components/sections/products/token/token.module.scss +++ b/src/components/sections/products/token/token.module.scss @@ -116,16 +116,20 @@ mix-blend-mode: screen; } - .token__img__mobile { - @include respond-to('mobile') { - display: unset; - margin: tovw(60px, 'mobile') 0 tovw(5px, 'mobile') 0; - width: 100%; - mix-blend-mode: screen; - max-width: tovw(400px, 'default', 400px); - } + .mobile_img_container { + min-height: tovw(235px, 'mobile', 430px); - display: none; + .token__img__mobile { + @include respond-to('mobile') { + display: unset; + margin: tovw(30px, '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/index.tsx b/src/components/sections/products/watchers/index.tsx index 5a8b4b4..d7b63c3 100644 --- a/src/components/sections/products/watchers/index.tsx +++ b/src/components/sections/products/watchers/index.tsx @@ -59,12 +59,13 @@ const Watchers = ({ data }: Props) => {

{data?.watchersP01}

{data?.watchersP02}

{data?.watchersListHead}

- network +
+ network +
  1. @@ -88,12 +89,7 @@ const Watchers = ({ data }: Props) => { variant="lg" dangerouslySetInnerHTML={{ __html: data?.watchersHeading }} /> - network + network
diff --git a/src/components/sections/products/watchers/watchers.module.scss b/src/components/sections/products/watchers/watchers.module.scss index a158a60..156741f 100644 --- a/src/components/sections/products/watchers/watchers.module.scss +++ b/src/components/sections/products/watchers/watchers.module.scss @@ -3,7 +3,7 @@ .section { @include respond-to('mobile') { padding: 0; - padding-bottom: tovw(88px, 'mobile'); + padding-bottom: tovw(50px, 'mobile'); } position: relative; @@ -62,6 +62,10 @@ } .features { + @include respond-to('mobile') { + margin-top: tovw(10px, 'mobile'); + } + margin-top: tovw(85px, 'default', 40px); ol { @@ -145,16 +149,25 @@ mix-blend-mode: screen; } - .watchers__img__mobile { + .mobile_img_container { @include respond-to('mobile') { - display: unset; - width: 135%; - transform: translateX(-11%); - mix-blend-mode: screen; - max-width: tovw(600px, 'default', 600px); + min-height: tovw(205px, 'mobile', 350px); } - display: none; + min-height: tovw(1520px, 'default', 720px); + + .watchers__img__mobile { + @include respond-to('mobile') { + display: unset; + width: 135%; + transform: translateX(-11%); + margin: tovw(15px, 'mobile') 0; + mix-blend-mode: screen; + max-width: tovw(600px, 'default', 600px); + } + + display: none; + } } } }