From 8163c35efea6447f3881ba58c86a35f0862b3913 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Thu, 17 Oct 2019 12:39:09 +0300
Subject: [PATCH] article card layout updated

---
 src/components/ArticleCard/index.tsx | 4 ++--
 src/components/ArticleCardList.jsx   | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ArticleCard/index.tsx b/src/components/ArticleCard/index.tsx
index 4ff55259..82191af1 100644
--- a/src/components/ArticleCard/index.tsx
+++ b/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;
 
diff --git a/src/components/ArticleCardList.jsx b/src/components/ArticleCardList.jsx
index 9ee7f704..ed33db27 100644
--- a/src/components/ArticleCardList.jsx
+++ b/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>