Merge pull request #51 from bribes/master

Make site more mobile responsive
nodecraft · Mar 27, 2022 · 1ed7910 · 1ed7910
2 parents 879ac58 + 3f54360
commit 1ed7910
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/website/index.css b/website/index.css
@@ -1,5 +1,6 @@
 html {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    word-break: break-word;
 }
 
 .friendly-nag {
@@ -60,8 +61,18 @@ article {
     text-align: center;
 }
 
+#sponsors img {
+  width: 154px;
+}
+
 @media (max-width: 960px) {
-    flex-direction: column;
+    article {
+        flex-direction: column-reverse;
+    }
+
+    #sponsors img {
+        width: 300px;
+    }
 
     #instructions {
         padding: 0;
@@ -98,6 +109,10 @@ article {
         flex-direction: column-reverse;
     }
 
+    .example img {
+        align-self: center;
+    }
+
     .example code {
         padding: 0.4rem;
         display: block;