From 970aae2c9e2d1910170605dfdd726090a3bf7e9f Mon Sep 17 00:00:00 2001
From: Aliaksandr BUDZKO <abudzko@takima.fr>
Date: Wed, 7 Jul 2021 17:34:51 +0200
Subject: [PATCH] fix: spacing fix
---
.../BottomSection/BottomSection.module.scss | 2 +-
.../FeatureSection/FeatureSection.module.scss | 2 +-
.../StatsSection/StatsSection.module.scss | 4 +-
.../TowerSection/TowerSection.module.scss | 68 ++++++++++---------
4 files changed, 39 insertions(+), 37 deletions(-)
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 8e6b347..303af45 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -240,6 +240,6 @@
@media (max-width: 375px) {
.BottomSection {
- min-height: 70vh;
+ min-height: 65vh;
}
}
diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss
index 9091f8a..c5c2d1b 100644
--- a/src/js/sections/FeatureSection/FeatureSection.module.scss
+++ b/src/js/sections/FeatureSection/FeatureSection.module.scss
@@ -103,7 +103,7 @@
@media (max-width: 375px) {
.FeatureSection {
-
+ min-height: 50vh;
flex-direction: column;
justify-content: left;
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index c858a29..644e05c 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -87,7 +87,7 @@
@media (max-width: 768px) {
.StatsSection {
- min-height: 90vh;
+ min-height: 80vh;
flex-direction: column-reverse;
.LeftSide {
@@ -124,7 +124,7 @@
@media (max-width: 576px) {
.StatsSection {
- min-height: 60vh;
+ min-height: 50vh;
.RightSide {
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 9a9fcdd..7ce6a5e 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -52,51 +52,53 @@
-@media (max-width: 768px) {
- .TowerSection {
- flex-direction: column;
- text-align: center;
- padding-top: 10%;
- padding-bottom: 10%;
- .LeftSide {
- .TowerImage {
- width: 80vw;
- height: 30vh;
- }
- }
- .RightSide {
- padding-top: 5%;
- .Title {
- font-size: 5vw;
- line-height: 5vw;
- }
-
- .Caption {
- font-size: 2.7vw;
- line-height: 2.7vw;
-
- }
- }
- }
-}
+//@media (max-width: 1200px) {
+// .TowerSection {
+// flex-direction: column;
+// text-align: center;
+// padding-top: 10%;
+// padding-bottom: 10%;
+//
+// .LeftSide {
+// .TowerImage {
+// width: 90vw;
+// height: 50vh;
+// }
+// }
+//
+// .RightSide {
+// .Title {
+// font-size: 5vw;
+// line-height: 5vw;
+// }
+//
+// .Caption {
+// font-size: 2.7vw;
+// line-height: 2.7vw;
+//
+// }
+// }
+// }
+//}
@media (max-width: 1200px) {
.TowerSection {
- flex-direction: column;
- text-align: center;
- padding-top: 10%;
- padding-bottom: 10%;
+ min-height: 40vh;
+ flex-direction: row;
+ justify-content: center;
.LeftSide {
+ flex-basis: 40%;
.TowerImage {
- width: 90vw;
- height: 50vh;
+ max-width: 40vw;
+ max-height: 30vh;
}
}
.RightSide {
+ flex-basis: 40%;
.Title {
font-size: 5vw;
line-height: 5vw;
--
GitLab