feat/frontend: add general mobile support (#275)

1 files changed, 20 insertions, 3 deletions

diff --git a/frontend/src/css/About.css b/frontend/src/css/About.css
index d4fdf07..c29e0bc 100644
--- a/frontend/src/css/About.css
+++ b/frontend/src/css/About.css
@@ -3,7 +3,7 @@
     overflow-x: hidden;
     position: relative;
 
-    width: calc(100% - 380px); 
+    width: calc(100% - 380px);
     height: 100vh;
     left: 350px;
 
@@ -16,10 +16,27 @@
 }
 
 h1 {
-        font-size: 80px;
+    font-size: 80px;
 }
 
 h2 {
-        font-size: 60px;
+    font-size: 60px;
 }
 
+@media screen and (max-width: 768px) {
+    #about {
+        width: 100%;
+        left: 0;
+        padding: 70px 20px 20px 20px;
+        height: calc(100vh - 60px);
+        font-size: 18px;
+    }
+
+    h1 {
+        font-size: 48px;
+    }
+
+    h2 {
+        font-size: 36px;
+    }
+}
\ No newline at end of file