feat(ui): improve grid layout

ncarlier · Apr 24, 2021 · 7f61e08 · 7f61e08
1 parent 9c1824f
commit 7f61e08
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/ui/src/articles/components/ArticleCard.module.css b/ui/src/articles/components/ArticleCard.module.css
@@ -45,7 +45,7 @@
   font-size: small;
   display: flex;
   align-items: baseline;
-  align-self: end;
+  align-self: flex-end;
   border-radius: inherit;
   width: 100%;
   background-color: var(--panel-body-color);

diff --git a/ui/src/articles/components/ArticleList.module.css b/ui/src/articles/components/ArticleList.module.css
@@ -8,10 +8,8 @@
 }
 
 .grid {
-  max-width: 1200px;
-  margin: 0 auto;
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
 }
 
 .grid article {