From 8c6803c128220a23d882cde9b2a376cc70b6c467 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 8 Apr 2023 20:19:40 -0700
Subject: [PATCH] Only move aside on large screens

---
 index.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index a4e24bc..a287e06 100644
--- a/index.html
+++ b/index.html
@@ -108,11 +108,13 @@
       position: relative;
     }
 
-    .aside {
-      inline-size: calc(100% - 80ch);
-      position: absolute;
-      top: 0;
-      transform: translateX(calc(80ch + 16px));
+    @media (min-width: 1080px) {
+      .aside {
+        inline-size: calc(100% - 80ch);
+        position: absolute;
+        top: 0;
+        transform: translateX(calc(80ch + 16px));
+      }
     }
   </style>
 </head>
-- 
2.47.3