fix(gws.fyi): Make CSS mobile-friendly r/2364

Don't apply the left-margin if the viewport is too narrow too handle it

Change-Id: Ia15641a6f0c94f9b0582f4a48af00b935f3e66bc
Reviewed-on: https://cl.tvl.fyi/c/depot/+/2703
Reviewed-by: glittershark <grfn@gws.fyi>
Tested-by: BuildkiteCI

1 files changed, 12 insertions, 1 deletions

diff --git a/users/glittershark/gws.fyi/main.css b/users/glittershark/gws.fyi/main.css
index 0cbf3c3d7c..26423f18f1 100644
--- a/users/glittershark/gws.fyi/main.css
+++ b/users/glittershark/gws.fyi/main.css
@@ -2,7 +2,6 @@
 
 body {
   margin-top: 40px;
-  margin-left: 150px;
   max-width: 900px;
   line-height: 1.6;
   font-size: 16px;
@@ -12,6 +11,18 @@ body {
   font-family: Inter, sans-serif;
 }
 
+@media (min-width: 1050px) {
+  body {
+    margin-left: 150px;
+  }
+}
+
+@media (min-width: 2000px) {
+  body {
+    margin-left: 300px;
+  }
+}
+
 input {
   padding: 10px 16px;
   margin: 2px 0;