From 4067eea43aaa08b000b52d252880ebd0d784eec9 Mon Sep 17 00:00:00 2001
From: Daniel Cortes <daniel.cortes.p159@gmail.com>
Date: Wed, 17 Jun 2020 06:39:24 -0400
Subject: [PATCH] No se porque me complique tanto con hacer la grid de la
 entity-list

soy medio retrasado
---
 src/components/EntityList.scss | 25 +++++--------------------
 1 file changed, 5 insertions(+), 20 deletions(-)

diff --git a/src/components/EntityList.scss b/src/components/EntityList.scss
index 8e863e6..5824f91 100644
--- a/src/components/EntityList.scss
+++ b/src/components/EntityList.scss
@@ -69,28 +69,13 @@ ul.entity-list {
 
 // Grid mode
 .entity-list.grid {
-  $grid-width: 250px;
-  $grid-height: 275px;
-  $grid-gap: 20px;
-
-  display: grid;
-
-  grid-auto-rows: $grid-height;
-  gap: $grid-gap;
-
-  justify-content: center;
-
-  @for $x from 1 to 5 {
-    @media (min-width: $grid-width * $x + $grid-gap * 3) {
-      grid-template-columns: repeat($x, $grid-width);
-    }
-  }
-
-  @media (min-width: $grid-width * 4 + $grid-gap * 3) {
-    justify-content: space-between;
-  }
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .entity-item {
+    margin-bottom: 2em;
     a {
       .cover {
         width: 250px;