Spacing and wrapping of virtuallottery wines.

2021-01-08 12:38:30 +01:00
parent 3906816b80
commit fc69accea3
1 changed files with 8 additions and 0 deletions
--- a/frontend/components/VirtualLotteryPage.vue
+++ b/frontend/components/VirtualLotteryPage.vue
@@ -371,10 +371,18 @@ header {


 .wines-container {
+  display: flex;
+  flex-wrap: wrap;
  margin-bottom: 4rem;

  h2 {
+    width: 100%;
    grid-column: 1 / 5;
  }
+
+  .wine {
+    margin-right: 1rem;
+    margin-bottom: 1rem;
+  }
 }
 </style>