diff --git a/public/index.html b/public/index.html
index aa069f27cbd9d53394428171c3989fd03db73c76..d9ee694c8d110ac3b5814392088c03ff8270718c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
- <title>React App</title>
+ <title>Deadlock</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/App.js b/src/App.js
index c9ab8c6d8e051d4fcb91ad7ca9b64bfefe974b9b..f4be26a57531c83a40f162e58cddfb030289742f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,11 +5,6 @@ import {useEffect} from "react";
const App = () => {
- // This effect runs once, after the first render
- useEffect(() => {
- document.title = "Deadlock"
- }, [])
-
return (
<MainPage />
);
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index ac6547d7a455ee287d8efc5873c3407b9db89b61..5637227ce5d8d1d1abb0f367b5d4db55ce5646f8 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -72,7 +72,7 @@
.BottomBlock {
position: absolute;
- bottom: 10%;
+ bottom: 5%;
display: flex;
flex-direction: row;
align-items: center;
@@ -113,12 +113,12 @@
margin-bottom: 10%;
}
- Button {
+ a {
align-items: center;
margin-bottom: 5%;
font-family: $primary_font;
font-size: 1.1rem;
- width: 100%;
+ width: fit-content;
height: 30%;
}
@@ -127,7 +127,7 @@
color: white;
font-size: 1rem;
line-height: 1.6rem;
- margin-top: 5%;
+ margin-top: 2%;
}
}
}
@@ -480,3 +480,9 @@
}
}
+@media (max-width: 320px) {
+ .BottomSection {
+ min-height: 65vh;
+ }
+}
+
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index 79d3c0a30b2fcd9444700dbe4dea5cd6d41743ba..47ede09b06783a92ddfd1b77566768dfe6df41ef 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -170,14 +170,14 @@
}
}
-@media (max-width: 320px) {
+@media (max-width: 375px) {
.StatsSection {
min-height: 50vh;
.RightSide {
.NotesImage {
- width: 70vw;
- height: 15vh;
+ width: 90vw;
+ height: 20vh;
}
}
.LeftSide {
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index 74ab13064223d88688f6de9522749ef3adfe9127..26bbb84f3b8af6b969204464093c04d0ac304fd4 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -129,7 +129,7 @@
}
}
-@media (max-width: 320px) {
+@media (max-width: 375px) {
.VscodeSection {
min-height: 50vh;
background-position: 96% 0;
@@ -139,7 +139,7 @@
.VscodeImage {
margin-top: 2%;
width: 70vw;
- height: 20vh;
+ height: 30vh;
}
}