article card layout updated

src/components/ArticleCard/index.tsx

@@ -26,8 +26,8 @@ export const ArticleCard: React.FC<IArticleCardProps> = ({ article, ...props })
 
                 margin: var(--article-card-margin);
                 width: var(--article-card-width);
-                min-width: 10em;
-                max-width: 30em;
+                min-width: 15em;
+                max-width: 20em;
 
                 border-radius: 10px;
 

src/components/ArticleCardList.jsx

@@ -8,6 +8,7 @@ export const ArticleCardList = ({ articles, nextPage, prevPage }) => (
             .body {
                 display: flex;
                 flex-direction: row;
+                justify-content: center;
                 flex-wrap: wrap;
             }
         `}</style>