From 811dea850c7117d59af6c257b9055b03b5974b8f Mon Sep 17 00:00:00 2001
From: Aliaksandr BUDZKO <abudzko@takima.fr>
Date: Tue, 13 Jul 2021 11:25:54 +0200
Subject: [PATCH] fix: change image proportions
---
.../BottomSection/BottomSection.module.scss | 2 +-
.../StatsSection/StatsSection.module.scss | 7 ++++
.../VscodeSection/VscodeSection.module.scss | 42 +++++++++++++++++++
3 files changed, 50 insertions(+), 1 deletion(-)
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 8456658..2de41ab 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -5,7 +5,7 @@
.BottomSection {
background-image: url('#{$assetPath}/curves/courbe_4.png'), url('#{$assetPath}/props/bateau.svg'), url('#{$assetPath}/props/algue.svg');
background-repeat: no-repeat;
- background-position: bottom, 105% 40%, -5% 55%;
+ background-position: bottom, 106% 42%, -5% 60%;
background-size: 100% 50%, 35% 35%, 40% 40%;
min-height: 180vh;
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index 0964f62..e635021 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -160,5 +160,12 @@
@media (max-width: 320px) {
.StatsSection {
background-position: 15% 101%;
+
+ .RightSide {
+ .NotesImage {
+ width: 90vw;
+ height: 20vh;
+ }
+ }
}
}
\ No newline at end of file
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index 73aacf2..c6382c9 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -53,6 +53,21 @@
}
+@media (max-width: 1024px) {
+ .VscodeSection {
+ min-height: 70vh;
+
+ .LeftSide {
+ .VscodeImage {
+ margin-top: 2%;
+ width: 50vw;
+ height: 35vh;
+ }
+ }
+ }
+}
+
+
@media (max-width: 768px) {
.VscodeSection {
@@ -86,6 +101,33 @@
}
}
+@media (max-width: 425px) {
+ .VscodeSection {
+
+ .LeftSide {
+ .VscodeImage {
+ margin-top: 2%;
+ width: 70vw;
+ height: 30vh;
+ }
+ }
+ }
+}
+
+@media (max-width: 320px) {
+ .VscodeSection {
+ min-height: 50vh;
+
+ .LeftSide {
+ .VscodeImage {
+ margin-top: 2%;
+ width: 70vw;
+ height: 20vh;
+ }
+ }
+ }
+}
+
--
GitLab