Add more media query steps for small-screen devices.

2024-06-15 17:48:45 +08:00
parent b39c3499c3
commit 37f035709d
8 changed files with 75 additions and 20 deletions
--- a/src/components/article/CollectionSummary.astro
+++ b/src/components/article/CollectionSummary.astro
@@ -101,17 +101,6 @@ const categoriedPostListSortedByArticleAmount: Array<CategoriedPosts> =
 </div>

 <style>
-  @media screen and (max-width: 125ex) {
-    .collection-desc-item {
-      width: 100%;
-    }
-  }
-  @media screen and (min-width: 125ex) {
-    .collection-desc-item {
-      width: 50%;
-      float: left;
-    }
-  }
  .collection-desc::after {
    display: block;
    content: "";