From f903fb05145e978e79f2ad36a3f29627e6d7948a Mon Sep 17 00:00:00 2001
From: Zachary Vance <za3k@za3k.com>
Date: Fri, 21 Jul 2023 21:44:45 -0400
Subject: [PATCH] mobile friendliness

---
 html-css-cheatsheet.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)
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;
-- 
2.47.3

