diff --git a/landing/landing.css b/landing/landing.css
index 1e7ed5030..97b0d5c14 100644
--- a/landing/landing.css
+++ b/landing/landing.css
@@ -1,28 +1,57 @@
 html {
   background: radial-gradient(ellipse at bottom, #374151, #111827);
   background-attachment: fixed;
   font-family: 'IBM Plex Sans', sans-serif;
   color: white;
 }
 
 h1,
 h2 {
   font-family: 'IBM Plex Mono', monospace;
 }
 
-div.hero {
+div.grid {
+  display: grid;
+  padding: 80px;
+  row-gap: 18em;
+  grid-template-columns: 1fr 1fr;
+  grid-template-areas:
+    'hero_copy hero_image'
+    'server_copy server_image'
+    'keyserver_copy read_the_docs';
+}
+
+div.hero_copy {
+  grid-area: hero_copy;
+}
+
+div.hero_image {
+  grid-area: hero_image;
   background-image: url(../images/hero_illustration.svg);
   width: 600px;
   height: 600px;
 }
 
-div.server {
+div.server_copy {
+  grid-area: server_copy;
+}
+
+div.server_image {
+  grid-area: server_image;
   background-image: url(../images/server_illustration.svg);
   width: 617px;
   height: 535px;
 }
 
+div.keyserver_copy {
+  grid-area: keyserver_copy;
+}
+
+div.read_the_docs {
+  grid-area: read_the_docs;
+}
+
 canvas.particles {
   position: fixed;
   z-index: -1;
 }
diff --git a/landing/landing.react.js b/landing/landing.react.js
index bb3a3fa22..589733d79 100644
--- a/landing/landing.react.js
+++ b/landing/landing.react.js
@@ -1,57 +1,61 @@
 // @flow
 
 import * as React from 'react';
 import Particles from 'react-particles-js';
 
 import css from './landing.css';
 import particlesConfig from './particles-config.json';
 
 function Landing(): React.Node {
   return (
     <div>
       <Particles canvasClassName={css.particles} params={particlesConfig} />
       <h1>Comm</h1>
-      <div>
-        <div className={css.hero} />
-        <div>
+      <div className={css.grid}>
+        <div className={css.hero_image} />
+        <div className={css.hero_copy}>
           <h1>Reclaim your digital identity.</h1>
           <p>
             The internet is broken today. Private user data is owned by
             mega-corporations and farmed for their benefit.
           </p>
           <p>
             E2E encryption has the potential to change this equation. But
             it&apos;s constrained by a crucial limitation.
           </p>
         </div>
 
-        <div className={css.server} />
-        <div>
+        <div className={css.server_image} />
+        <div className={css.server_copy}>
           <h2>Apps need servers.</h2>
           <p>
             Sophisticated applications rely on servers to do things that your
             devices simply can&apos;t.
           </p>
           <p>
             That&apos;s why E2E encryption only works for simple chat apps
             today. There&apos;s no way to build a robust server layer that has
             access to your data without leaking that data to corporations.
           </p>
         </div>
 
-        <div>
+        <div className={css.keyserver_copy}>
           <h2>Comm is the keyserver company.</h2>
           <p>In the future, people have their own servers.</p>
           <p>
             Your keyserver is the home of your digital identity. It owns your
             private keys and your personal data. It&apos;s your password
             manager, your crypto wallet, your digital surrogate, and your second
             brain.
           </p>
         </div>
+
+        <div className={css.read_the_docs}>
+          <p>There&apos;s gonna be a button here someday.</p>
+        </div>
       </div>
     </div>
   );
 }
 
 export default Landing;