feat: latest card section in index page

2 files changed, 37 insertions, 0 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 9dd10d32..43a25ca4 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -82,3 +82,16 @@
         }
     }
 }
+
+#latest-cards {
+    .latest-cards-container {
+        display: flex;
+        width: 100%;
+        overflow-x: auto;
+        gap: 1rem;
+        .card {
+            flex-shrink: 0;
+            width: 50%;
+        }
+    }
+}
diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index f2f5c212..87a68026 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -1,3 +1,11 @@
+.index-section-title {
+    font-size: 1.1rem;
+    margin-bottom: 0;
+    font-weight: normal;
+}
+
+/* Post List Styles */
+
 .posts-list {
     display: flex;
     flex-direction: column;
@@ -110,3 +118,19 @@
         display: inline-block;
     }
 }
+
+/* Card List Styles */
+
+#latest-cards {
+    margin: 1rem 0;
+    .latest-cards-container {
+        display: flex;
+        width: 100%;
+        overflow-x: auto;
+        gap: 1rem;
+        .card {
+            flex-shrink: 0;
+            width: 50%;
+        }
+    }
+}