feat: separate cards and other pages in term page

Former-commit-id: 33198f399b7f85f235a4e1235af46cbced33a1a9

1 files changed, 17 insertions, 1 deletions

diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index d3df207b..5cc30856 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -105,7 +105,7 @@
 }
 
 .term-list {
-    ul {
+    .term-list-posts {
         list-style: none;
         padding-inline-start: 0;
         display: flex;
@@ -120,6 +120,22 @@
                 font-family: var(--mono-font-family);
                 color: var(--secondary-text-color);
             }
+            .posts-subtitle {
+                color: var(--secondary-text-color);
+            }
+        }
+    }
+    .term-list-cards {
+        @media screen and (min-width: 768px) {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 1rem;
+        }
+        .card {
+            margin: 0;
+            h3 {
+                margin: 0;
+            }
         }
     }
 }