diff --git a/src/js/pages/MainPage,module.scss b/src/js/pages/MainPage,module.scss
index d8f110def80a1c331e0c9bb927731c7557bed3e3..b8105091c2cb367a42e318ed6c54fd1d1b6f466c 100644
--- a/src/js/pages/MainPage,module.scss
+++ b/src/js/pages/MainPage,module.scss
@@ -52,3 +52,11 @@ html {
}
}
+@media (max-width: 425px) {
+ .footer{
+ a {
+ font-size: 0.5rem;
+ }
+ }
+}
+
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 1a5a56ca0f509e68df9f915e3053e79f8098bbf6..1f274aef3e81ed960568d00df2ccb954015e7e4a 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -135,15 +135,6 @@
}
-//@media (max-width: 1200px) {
-// .BottomSection {
-// min-height: 100vh;
-// background-position: bottom, 107% 40%, -5% 55%;
-//
-//
-// }
-//}
-
@media (max-width: 1024px) {
.BottomSection {
@@ -258,6 +249,7 @@
.ButtonContainer {
max-width: 60%;
align-self: center;
+ padding-right: 0;
a {
width: fit-content;
@@ -319,7 +311,94 @@
@media (max-width: 425px) {
.BottomSection {
- min-height: 70vh;
+ min-height: 75vh;
+ background-position: bottom, 106% 49%, -5% 63%;
+
+ .MiddleBlock {
+
+ .Title {
+ font-size: 1.2rem;
+ line-height: 1.4rem;
+ }
+
+ .Caption {
+
+ flex-direction: column;
+
+ .Comments {
+
+ font-size: 0.6rem;
+ line-height: 1rem;
+
+ .FirstComment {
+
+ }
+
+ .SecondComment {
+
+ }
+
+ }
+
+ .ButtonContainer {
+ max-width: 60%;
+ align-self: center;
+ padding-right: 0;
+
+ a {
+ width: fit-content;
+ }
+
+ }
+
+
+ }
+ }
+
+ .BottomBlock {
+
+ bottom: 1%;
+
+ .Logos {
+ margin-right: 5%;
+ max-width: 30%;
+ flex-direction: column;
+
+
+ img {
+ width: 100%;
+ height: 40%;
+ }
+
+ p {
+ max-width: 100%;
+ font-size: 0.6rem;
+ line-height: 1rem;
+
+ }
+ }
+
+ .ContactLinks {
+ max-width: 40%;
+
+ .BigCaption {
+ font-size: 0.8rem;
+ line-height: 1.2rem;
+ margin-bottom: 10%;
+ }
+
+ a {
+ width: fit-content;
+ font-size: 0.6rem;
+ }
+
+ .SmallCaption {
+ font-size: 0.6rem;
+ line-height: 1rem;
+ }
+ }
+ }
+
}
}
diff --git a/src/js/sections/CloudSection/CloudSection.module.scss b/src/js/sections/CloudSection/CloudSection.module.scss
index 2bd8611083fdb47bb1d358bd2ac7069645deb689..9477da2b9d4bef49b287c41d60e39037995f7b49 100644
--- a/src/js/sections/CloudSection/CloudSection.module.scss
+++ b/src/js/sections/CloudSection/CloudSection.module.scss
@@ -105,16 +105,32 @@
max-width: 80%;
margin: 15px auto;
}
- ;
}
}
}
-@media (max-width: 575.98px) {
+@media (max-width: 425px) {
.CloudSection {
.UpperBlock {
- margin-top: 10%;
+ margin-top: 3%;
+ max-width: 55%;
+ font-size: 1.3rem;
+ }
+ .Cloud {
+ margin-top: 2%;
+ max-width: 60%;
+ max-height: 60%;
+ }
+
+ .BottomBlock {
+ margin-top: 0;
+ max-width: 40%;
+
+ .Caption {
+ max-width: 100%;
+ margin: 15px auto;
+ }
}
}
}
diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss
index 54e1e6620f6732707ba9b399d8c96ea829f2caf1..04a62d282fe6c772de28f6c94063aa4f51e68388 100644
--- a/src/js/sections/FeatureSection/FeatureSection.module.scss
+++ b/src/js/sections/FeatureSection/FeatureSection.module.scss
@@ -23,7 +23,7 @@
flex-basis: 40%;
.Feature {
- display : flex;
+ display: flex;
flex-direction: row;
padding: 5% 5% 5% 5%;
font-size: 2rem;
@@ -46,7 +46,7 @@
width: 70%;
margin: 50px auto;
padding: 4% 3%;
- position:relative;
+ position: relative;
border: solid $primary_black;
font-size: 1.3rem;
line-height: 1.7rem;
@@ -101,15 +101,14 @@
}
-
@media (max-width: 768px) {
.FeatureSection {
min-height: 50vh;
.RightSide {
- .Bubble {
- width: 90%;
- }
+ .Bubble {
+ width: 90%;
+ }
.Author {
padding: 0 0 1% 15%;
@@ -123,6 +122,20 @@
@media (max-width: 425px) {
.FeatureSection {
min-height: 40vh;
+ flex-direction: column;
+ padding: 5% 0 5% 0;
+
+ .RightSide {
+ .Bubble {
+ margin: 20px auto;
+ }
+
+ .Author {
+ padding: 2% 0 0 15%;
+ margin-top: 0;
+ }
+ }
+
}
}
@@ -134,6 +147,7 @@
.LeftSide {
margin-top: 5%;
+
.Feature {
.Checkmark {
font-size: 5vw;
diff --git a/src/js/sections/LandingSection/LandingSection.module.scss b/src/js/sections/LandingSection/LandingSection.module.scss
index d761954f7835427645f03bd5341d4216ae8fcf06..3fcf436f7b24546aed9c1b9785410f9295023955 100644
--- a/src/js/sections/LandingSection/LandingSection.module.scss
+++ b/src/js/sections/LandingSection/LandingSection.module.scss
@@ -97,46 +97,28 @@
}
}
+@media (max-width: 425px) {
-@media (max-width: 575.98px) {
.LandingSection {
- flex-direction: column;
- text-align: center;
-
-
- padding-top: 0;
- min-height: 55vh;
+ padding-top: 5%;
+ min-height: 85vh;
.LeftSide {
.Octopus {
- width: 50vw;
- height: 30vh;
+ width: 55vw;
+ height: 45vh;
}
}
-
-
.RightSide {
-
- text-align: center;
-
.Title {
- font-size: 10vw;
-
+ font-size: 3rem;
.Caption {
- font-size: 3vw;
- text-align: center;
+ font-size: 0.7rem;
}
-
}
- }
- }
-}
-
-@media (max-width: 320px) {
- .LandingSection {
- min-height: 50vh;
+ }
}
}
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index d92799cc1c14e857d176a2aaa1ccc8f3d3a9ff70..b052205e9f1e4226a8fb4637399bf7bbf3c4f411 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -147,17 +147,26 @@
-@media (max-width: 576px) {
+@media (max-width: 425px) {
.StatsSection {
min-height: 50vh;
.RightSide {
-
.NotesImage {
width: 80vw;
height: 20vh;
}
}
+ .LeftSide {
+ .Caption {
+ left: 37%;
+ right: 5%;
+ bottom: 10%;
+ max-width: 55%;
+ font-size: 0.7rem;
+ line-height: 1rem;
+ }
+ }
}
}
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 90abb0912aed8f95705f67f4ece6457c99659a9b..ff1f49fc948e5f4bd7464ed05a40cf5db8cdc344 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -133,9 +133,20 @@
}
-@media (max-width: 375px) {
+@media (max-width: 425px) {
.TowerSection {
- min-height: 40vh;
+ padding: 5% 0 5% 0;
+ .RightSide {
+ max-width: 80%;
+ text-align: center;
+
+ .Title {
+ font-size: 1.1rem;
+ }
+ .Caption {
+ max-width: 100%;
+ }
+ }
}
}
\ 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 eab43541768b019ed65cb3a6cbaed48257dd9c48..6d345ca9607774e10f320f2bd49bbb2b015b7a29 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -120,6 +120,12 @@
height: 30vh;
}
}
+
+ .RightSide {
+ .Caption {
+ max-width: 100%;
+ }
+ }
}
}