From d564973aa896cbbdd89e192fe7c076e2dd7ed6a8 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 4 Aug 2020 20:57:26 +0200
Subject: add masonry to cards

---
 src/styles/index.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'src/styles/index.scss')

diff --git a/src/styles/index.scss b/src/styles/index.scss
index 9175250..d90d415 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -2,14 +2,19 @@ img {
     user-select: none;
 }
 
-#cards {
-    overflow-x: auto;
-    flex-wrap: unset;
+.center {
+    position: absolute;
+    height: 50%;
+    width: 50%;
+    top: 50%;
+    left: 50%;
+    translate-top: -50%;
+    translate-left: -50%;
+    transform: translate(-50%, -50%);
+}
 
+#cards {
     .col {
-        width: 18rem;
-        max-width: 18rem;
-        min-width: 18rem;
         overflow-y: auto;
 
         .card .card-header img {
-- 
cgit v1.3