diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss index 8456658b35ab12e29bb3bf91e3e2618a2fac0219..2de41ab91f6ad439ef1d7e49e453d473253c54da 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 0964f6230e350373c315f1f956f971da0a22ccbb..e635021763a89a1c6195b3e9dd9cb9626b2233d4 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 73aacf2598e1aed62fabed0369cb29c57366cfad..c6382c96a3b598eff12a7c9f2351f19f765241aa 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; + } + } + } +} +