squircle

commit 47ab7a91e5f499788d2f2db5fa3e04b3b5c659c8
parent 402965416dd779320dc728fd50d0c66f12c1a1d5
Author: George Francis <georgedoescode@gmail.com>
Date:   Fri,  3 Jul 2020 16:41:00 +0100

use grid for generator layout

Diffstat:
M
src/components/TheGenerator.vue
 | 
4
++--

1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/TheGenerator.vue b/src/components/TheGenerator.vue
@@ -37,7 +37,8 @@ export default {
 }
 
 .generator {
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
     margin: 0 auto;
     padding: var(--spacing-5);
     background: #fff;
@@ -46,7 +47,6 @@ export default {
 
 .generator__preview-section {
     position: relative;
-    width: 45%;
     flex-shrink: 0;
     margin-right: var(--spacing-5);
 }