From 3ed0ce7dac1d4d0193b41235430931106945034e Mon Sep 17 00:00:00 2001
From: Adrian Thompson <adrianhthompson@gmail.com>
Date: Fri, 22 Jan 2021 12:24:14 +0100
Subject: [PATCH] add grid

---
 src/components/TodaysPage.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/TodaysPage.vue b/src/components/TodaysPage.vue
index 4cca96b..cce4bc1 100644
--- a/src/components/TodaysPage.vue
+++ b/src/components/TodaysPage.vue
@@ -43,10 +43,10 @@ h1 {
 }
 
 .wines-container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  margin: 0 2rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-gap: 2rem;
+  gap: 2rem;
 
   @media (min-width: 1500px) {
     max-width: 1500px;