From 96ec6afa09beeeafd86ce6bb510be990a4faa1e9 Mon Sep 17 00:00:00 2001 From: Resaki1 Date: Fri, 29 Sep 2023 10:30:16 +0200 Subject: [PATCH] mobile layout fixes --- src/components/Mobile.scss | 8 ++++++-- src/views/AboutUs/AboutUs.scss | 2 +- src/views/ReachNewHeights/ReachNewHeights.scss | 1 + 3 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/Mobile.scss b/src/components/Mobile.scss index 1e797a4..af942af 100644 --- a/src/components/Mobile.scss +++ b/src/components/Mobile.scss @@ -12,6 +12,7 @@ max-height: 900px; background: #f2f6ffff; gap: 128px; + overflow-x: clip; } .mobile__image { @@ -46,7 +47,6 @@ width: 25%; max-width: 600px; margin-right: auto; - overflow-x: hidden; > h2, p { @@ -72,6 +72,10 @@ gap: 16px; } + .mobile__dots { + display: none; + } + .mobile__image { width: 100%; justify-content: center; @@ -88,7 +92,7 @@ .mobile__text { margin: 0; - width: 100%; + width: 90%; } } diff --git a/src/views/AboutUs/AboutUs.scss b/src/views/AboutUs/AboutUs.scss index a381199..e6fcae9 100644 --- a/src/views/AboutUs/AboutUs.scss +++ b/src/views/AboutUs/AboutUs.scss @@ -118,7 +118,7 @@ flex-direction: column; gap: 0; text-align: center; - padding: 64px 0 128px 0; + padding: 0 0 12vw 0; background-size: 100%; background-position: 100% 180%; } diff --git a/src/views/ReachNewHeights/ReachNewHeights.scss b/src/views/ReachNewHeights/ReachNewHeights.scss index f707af2..b0f7ef1 100644 --- a/src/views/ReachNewHeights/ReachNewHeights.scss +++ b/src/views/ReachNewHeights/ReachNewHeights.scss @@ -6,6 +6,7 @@ background-size: cover; min-height: 1160px; padding: 120px 0 61px 0; + overflow: hidden; } .reach-new-heights__content {