From 3b8d6f22ca4bd56a01f6e9926e4e00bb8dc22198 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Mon, 16 Nov 2020 14:35:12 +0100
Subject: [PATCH] Use grid for better spacing between elements.

---
 src/components/AllWinesPage.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/AllWinesPage.vue b/src/components/AllWinesPage.vue
index da713dc..c4b0494 100644
--- a/src/components/AllWinesPage.vue
+++ b/src/components/AllWinesPage.vue
@@ -86,14 +86,10 @@ h1 {
 }
 
 #wines-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  align-items: flex-start;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-gap: 2rem;
 
-  @include desktop {
-    margin: 0 2rem;
-  }
 
   > div {
     justify-content: flex-start;