diff --git a/frontend/components/articles/ArticlesList.vue b/frontend/components/articles/ArticlesList.vue
index 6c346ee..41befe4 100644
--- a/frontend/components/articles/ArticlesList.vue
+++ b/frontend/components/articles/ArticlesList.vue
@@ -18,7 +18,7 @@ const isMobile = useMediaQuery('(max-width: 1024px)');
 </script>
 
 <template>
-    <div class="columns-1 xs:columns-2 xl:columns-3 gap-6 sm:gap-8 w-full space-y-8">
+    <div class="grid grid-cols-1 xs:grid-cols-2 xl:grid-cols-3 gap-6 sm:gap-8 w-full space-y-8">
         <BlogPost
             v-for="article in articles"
             :key="article.id"