From 3ff78c76ed5361ac9ae64f6baf1a25d0994d92af Mon Sep 17 00:00:00 2001
From: Aliaksandr BUDZKO <abudzko@takima.fr>
Date: Thu, 8 Jul 2021 17:01:48 +0200
Subject: [PATCH] fix: ipad landskape view
---
.../BottomSection/BottomSection.module.scss | 9 ++++++
.../TowerSection/TowerSection.module.scss | 30 ++++++++++++++++++-
2 files changed, 38 insertions(+), 1 deletion(-)
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index dda3f36..189985c 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -138,6 +138,15 @@
}
+
+@media (max-width: 1200px) {
+ .BottomSection {
+ min-height: 100vh;
+ background-position: bottom, 107% 40%, -5% 55%;
+
+
+ }
+}
@media (max-width: 768px) {
.BottomSection {
min-height: 100vh;
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 1f38f91..bc10fb8 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -50,8 +50,36 @@
}
-
@media (max-width: 1200px) {
+ .TowerSection {
+ min-height: 80vh;
+
+ .LeftSide {
+ flex-basis: 30%;
+ .TowerImage {
+ max-width: 50vw;
+ max-height: 50vh;
+ }
+ }
+
+ .RightSide {
+ flex-basis: 40%;
+ .Title {
+ font-size: 5vw;
+ line-height: 5vw;
+ }
+
+ .Caption {
+ font-size: 2.7vw;
+ line-height: 2.7vw;
+
+ }
+ }
+ }
+}
+
+
+@media (max-width: 768px) {
.TowerSection {
min-height: 40vh;
flex-direction: row;
--
GitLab