fix: adjust blog post list for better layout

Author: imdevarsh

src/pages/blog/index.astro

@@ -43,21 +43,14 @@ const posts = (await getCollection("blog")).sort(
     padding: 0;
   }
   ul li {
-    width: calc(50% - 1rem);
-  }
-  ul li * {
-    text-decoration: none;
-    transition: 0.2s ease;
-  }
-  ul li:first-child {
     width: 100%;
     margin-bottom: 1rem;
     text-align: center;
   }
-  ul li:first-child img {
+  ul li img {
     width: 100%;
   }
-  ul li:first-child .title {
+  ul li .title {
     font-size: 2.369rem;
   }
   ul li img {
@@ -67,6 +60,10 @@ const posts = (await getCollection("blog")).sort(
   ul li a {
     display: block;
   }
+  ul li * {
+    text-decoration: none;
+    transition: 0.2s ease;
+  }
   .title {
     margin: 0;
     color: rgb(var(--black));