diff --git a/package.json b/package.json
index 098bc31..30e70dd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "codsworth-namegen",
-    "version": "1.1.9",
+    "version": "1.1.10",
     "description": "Choose a fitting name for your Fallout 4 character that Codsworth can pronounce",
     "author": "Florine W. Dekker",
     "browser": "dist/bundle.js",
diff --git a/src/main/css/main.css b/src/main/css/main.css
index a86761d..622b452 100644
--- a/src/main/css/main.css
+++ b/src/main/css/main.css
@@ -1,15 +1,7 @@
+#grid-container {
+    align-items: start;
+}
+
 textarea.name-area {
     height: 15em;
 }
-
-@media (min-width: 992px) {
-    .spacer {
-        visibility: hidden;
-    }
-}
-
-@media (max-width: 992px) {
-    .spacer {
-        display: none;
-    }
-}
diff --git a/src/main/index.html b/src/main/index.html
index ace4501..b3234ed 100644
--- a/src/main/index.html
+++ b/src/main/index.html
@@ -44,28 +44,32 @@
                 </hgroup>
             </header>
 
-            <div class="grid">
-                <div>
-                    <h2>Similar names</h2>
+            <div id="grid-container" class="grid">
+                <article>
+                    <header>
+                        <h2>Similar names</h2>
+                    </header>
                     <label for="similar-input">Your name</label>
                     <input id="similar-input" type="text" autofocus />
 
                     <button id="generate-similar" type="button">Generate similar names</button>
 
-                    <label for="similar-names">Similar names are...</label>
-                    <textarea id="similar-names" class="name-area" readonly></textarea>
-                </div>
-                <div>
-                    <h2>Random names</h2>
-                    <!-- Spacer to put textareas at same height -->
-                    <label for="spacer-input" class="spacer">Spacer</label>
-                    <input id="spacer-input" class="spacer" type="text" />
-
+                    <footer>
+                        <label for="similar-names">Similar names are...</label>
+                        <textarea id="similar-names" class="name-area" readonly></textarea>
+                    </footer>
+                </article>
+                <article>
+                    <header>
+                        <h2>Random names</h2>
+                    </header>
                     <button id="generate-random" type="button">Generate random name</button>
 
-                    <label for="random-names">Your random name is...</label>
-                    <textarea id="random-names" class="name-area" readonly></textarea>
-                </div>
+                    <footer>
+                        <label for="random-names">Your random name is...</label>
+                        <textarea id="random-names" class="name-area" readonly></textarea>
+                    </footer>
+                </article>
             </div>
         </section>
         <footer id="footer"></footer>