From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 9 Apr 2023 03:19:40 +0000 (-0700)
Subject: Only move aside on large screens
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=8c6803c128220a23d882cde9b2a376cc70b6c467;p=css-for-line-clamp-ellipsis

Only move aside on large screens
---

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>