]> git.ardis.lu - css-for-line-clamp-ellipsis/commitdiff
Only move aside on large screens
authorArdis Lu <ardisglu@gmail.com>
Sun, 9 Apr 2023 03:19:40 +0000 (20:19 -0700)
committerArdis Lu <ardisglu@gmail.com>
Sun, 9 Apr 2023 03:19:40 +0000 (20:19 -0700)
index.html

index a4e24bc5bdac5d1069405b5cfcd16fe2f1ef84ac..a287e0641b357461e946aaeae8305708000d2478 100644 (file)
       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>
This page took 0.038201 seconds and 4 git commands to generate.