add grid

2021-01-22 12:24:14 +01:00
parent dc0b9859fc
commit 3ed0ce7dac
1 changed files with 4 additions and 4 deletions
--- 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;