No se porque me complique tanto con hacer la grid de la entity-list

soy medio retrasado

src/components/EntityList.scss

@@ -69,28 +69,13 @@ ul.entity-list {
 
 // Grid mode
 .entity-list.grid {
-  $grid-width: 250px;
+  display: flex;
-  $grid-height: 275px;
+  flex-direction: row;
-  $grid-gap: 20px;
+  flex-wrap: wrap;
-
+  justify-content: space-between;
-  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;
-  }
 
   .entity-item {
+    margin-bottom: 2em;
     a {
       .cover {
         width: 250px;