about summary refs log tree commit diff
diff options
context:
space:
mode:
authorGriffin Smith <grfn@gws.fyi>2021-03-29T00·12-0400
committerglittershark <grfn@gws.fyi>2021-03-29T00·15+0000
commit1aab2932cc99002b3db777b5217ea64f5cf67282 (patch)
treee651d8761031db5f8da87dab118658bd524cf49e
parent945675b3f550b15b41a638648c2f531888564c60 (diff)
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
-rw-r--r--users/glittershark/gws.fyi/main.css13
1 files changed, 12 insertions, 1 deletions
diff --git a/users/glittershark/gws.fyi/main.css b/users/glittershark/gws.fyi/main.css
index 0cbf3c3d7cc5..26423f18f12f 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;