From: Zachary Vance <za3k@za3k.com>
Date: Sat, 22 Jul 2023 01:44:45 +0000 (-0400)
Subject: mobile friendliness
X-Git-Url: https://git.za3k.com/?a=commitdiff_plain;h=f903fb05145e978e79f2ad36a3f29627e6d7948a;p=za3k.git

mobile friendliness
---

diff --git a/html-css-cheatsheet.html b/html-css-cheatsheet.html
index 4b38a9e..b436e02 100644
--- a/html-css-cheatsheet.html
+++ b/html-css-cheatsheet.html
@@ -4,14 +4,17 @@
 <head>
     <meta charset="utf-8">
     <title>HTML and CSS cheatsheet</title>
+    <meta content="width=device-width, initial-scale=1" name="viewport">
     <style>
         div {
             box-sizing: border-box;
         }
-        .cheatsheet {
-            columns: auto;
-            column-width: 20em;
-            column-gap: 1em;
+        @media (min-width: 800px){
+            .cheatsheet {
+                columns: auto;
+                column-width: 20em;
+                column-gap: 1em;
+            }
         }
         .cheatsheet div.demo~pre {
             margin-top: 0;
