From 3709b50f9fc3d4f721e3d503e4e857136ea4d591 Mon Sep 17 00:00:00 2001
From: Aljaz S <me@aljaxus.eu>
Date: Tue, 23 Nov 2021 19:47:52 +0100
Subject: [PATCH] improve mobile experience

---
 src/views/form.ejs | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/form.ejs b/src/views/form.ejs
index 285d262..33a182c 100644
--- a/src/views/form.ejs
+++ b/src/views/form.ejs
@@ -12,13 +12,17 @@
 div {
     display: grid;
 }
+.card {
+    row-gap: 1rem
+}
 .title {
     display: grid;
-    grid-template-columns: auto max-content;
+    grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));
     align-content: center;
     justify-content: center;
     padding: 1rem;
     column-gap: 1rem;
+    text-align: center;
 }
 .title > * {
     margin: auto;
@@ -28,11 +32,11 @@ div {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     row-gap: .5rem;
-    column-gap: 1rem;
+    column-gap: 1rem;;
 }
 .code {
     background-size: contain;
-    background-position: center center;
+    background-position: top center;
     background-repeat: no-repeat;
     background-image: url("/public/invalid-content.png");
     min-height: 210px;