fix: use same columns on last articles on mobile

components/home/ListPosts.vue

@@ -7,14 +7,15 @@
       v-for="post in posts"
       :key="post.slug"
       :to="post.path"
-      class="link flex justify-end mb-4 rounded p-2 hover:bg-green-main-700-40"
+      class="link flex md:justify-end mb-4 rounded p-2 hover:bg-green-main-700-40"
     >
-      <h4 class="pr-3 text-right">{{ post.title }}</h4>
+      <h4 class="hidden md:block pr-3 text-right">{{ post.title }}</h4>
       <img
         :src="`https://res.cloudinary.com/de5xzoviz/image/upload/q_68/${post.image}`"
         :alt="post.title"
-        class="rounded"
+        class="rounded mr-3 md:mr-0"
       />
+      <h4 class="block md:hidden text-left">{{ post.title }}</h4>
     </nuxt-link>
   </div>
 </template>
@@ -34,7 +35,8 @@ export default {
 <style lang="scss" scoped>
 .link {
   img {
-    width: 160px;
+    min-width: 160px;
+    max-width: 160px;
     max-height: 120px;
   }
 }