fix recent post layout

rizkikadafi · Jan 25, 2024 · d6da557 · d6da557
1 parent d5e9874
commit d6da557
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/blog/blog.html b/blog/blog.html
@@ -67,13 +67,14 @@ <h1 class="font-bold text-xl sm:text-2xl lg:text-3xl">Welcome to Kadafi's Blog</
 
   <section id='recent' class="p-5">
     {% include header-title.html title='Recent Posts' %}
-    <div class="mt-5 flex flex-col gap-8 *:gap-8 sm:w-[90%] mx-auto">
-      <div class="flex sm:flex-wrap lg:flex-nowrap">
+    <div
+      class="mt-5 flex *:flex flex-col *:flex-col gap-8 *:gap-8 sm:w-[90%] mx-auto *:sm:flex-row *:sm:flex-wrap *:lg:flex-nowrap">
+      <div>
         {% for post in site.posts limit: 2 %}
         {% include blog-post-card.html post=post %}
         {% endfor %}
       </div>
-      <div class="flex sm:flex-wrap lg:flex-nowrap">
+      <div>
         {% for post in site.posts limit: 3 offset: continue %}
         {% include blog-post-card.html post=post %}
         {% endfor %}