diff --git a/static/style.css b/static/style.css
index a44c886..0855d81 100644
--- a/static/style.css
+++ b/static/style.css
@@ -11,3 +11,14 @@ body {
   border: #CCC 1px solid;
   border-radius: 0.2em;
 }
+
+body {
+    display: grid;
+}
+
+#hello {
+    grid-column: 1  / 3;
+}
+#h-day, #h-time, #h-place {
+    grid-column: 1  / 3;
+}
diff --git a/templates/vote.html b/templates/vote.html
index 0813e86..debea0f 100644
--- a/templates/vote.html
+++ b/templates/vote.html
@@ -8,14 +8,14 @@
     <link rel="stylesheet" href="/static/style.css">
   </head>
   <body>
-    <p>Hallo, {{ session.user.email }}!</p>
-    <p>
+    <p  id="hello">Hallo, {{ session.user.email }}!</p>
+    <h1>
       {{ meet.title }}
-    </p>
-    <p>
+    </h1>
+    <h2 id="h-day">
       An welchem Tag?
-    </p>
-    <form class="sortable" hx-post="/vote/date" hx-trigger="end">
+    </h2>
+    <form id="v-day" class="sortable" hx-post="/vote/date" hx-trigger="end">
     {% for d in dates %}
       <div class="sort-item">
         {{ d.display or d.date }}
@@ -23,10 +23,12 @@
       </div>
     {% endfor %}
     </form>
-    <p>
+    <div id="r-day">
+    </div>
+    <h2 id="h-time">
       Zu welcher Zeit?
-    </p>
-    <form class="sortable" hx-post="/vote/time" hx-trigger="end">
+    </h2>
+    <form id="v-time" class="sortable" hx-post="/vote/time" hx-trigger="end">
     {% for d in times %}
       <div class="sort-item">
         {{ d.display or d.time }}
@@ -34,10 +36,12 @@
       </div>
     {% endfor %}
     </form>
-    <p>
+    <div id="r-time">
+    </div>
+    <h2 id="h-place">
       An welchem Ort?
-    </p>
-    <form class="sortable" hx-post="/vote/place" hx-trigger="end">
+    </h2>
+    <form id="v-place"  class="sortable" hx-post="/vote/place" hx-trigger="end">
     {% for d in places %}
       <div class="sort-item">
         {{ d.name }}
@@ -45,6 +49,8 @@
       </div>
     {% endfor %}
     </form>
+    <div id="r-place">
+    </div>
   </body>
   <script>
     htmx.onLoad(function(content) {
