diff --git a/html/styles/main.css b/html/styles/main.css
index 91c53b3..3ef2386 100644
--- a/html/styles/main.css
+++ b/html/styles/main.css
@@ -1,22 +1,59 @@
+body {
+    padding: 0;
+    margin: 0;
+}
+
+nav {
+    background-color: red;
+    height: 50px;
+    width: 100%;
+    border-bottom: 1px solid black;
+    margin: 0;
+}
+
+h1 {
+    text-align: center;
+}
+
 .selection {
     display: flex;
     flex-direction: row;
     justify-content: center;
-    margin-left: 5%;
-    margin-right: 5%;
-    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 90vw;
 }
 
 .separator {
     flex-grow: 1;
+    font-size: 5vw;
+    position: relative;
+}
+
+.separator div {
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    text-align: center;
+    transform: translate(0%, -50%);
 }
 
 .mob {
-    background-color: green;
-    width: 40%;
-    flex-grow: 1;
+    width: 40vw;
+    height: 42vw;
+    position: relative;
+}
+
+.mob h2 {
+    position: absolute;
+    width: 100%;
+    text-align: center;
 }
 
 .mob img {
-    width: 80%;
+    object-fit: contain;
+    width: 35vw;
+    height: 35vw;
+    margin-top: 5.5vw;
+    margin-left: 2.5vw;
 }
\ No newline at end of file
diff --git a/view/fragments/mob.php b/view/fragments/mob.php
index 6c858da..67ecafd 100644
--- a/view/fragments/mob.php
+++ b/view/fragments/mob.php
@@ -1,6 +1,4 @@
 <div class="mob">
-    <img src="/images/mobs/<?= $mob["image"] ?? "_placeholder.png"; ?>"><br />
-    <?= $mob["id"]; ?><br />
-    <?= $mob["name"]; ?><br />
-    <?= $mob["rating"]; ?><br />
+    <h2><?= $mob["name"]; ?></h2>
+    <img alt="<?= $mob["name"]; ?>" src="/images/mobs/<?= $mob["image"] ?? "_placeholder.png"; ?>">
 </div>
\ No newline at end of file
diff --git a/view/fragments/mobSelection.php b/view/fragments/mobSelection.php
index 9bc2af5..336c2c4 100644
--- a/view/fragments/mobSelection.php
+++ b/view/fragments/mobSelection.php
@@ -1,10 +1,15 @@
+<h1>
+    Which do you like better?
+</h1>
 <div class="selection">
     <?php
         $mob = $left ?? [];
         include __DIR__ . "/mob.php";
     ?>
     <div class="separator">
-        OR
+        <div>
+            OR
+        </div>
     </div>
     <?php
         $mob = $right ?? [];
diff --git a/view/layout.php b/view/layout.php
index 9910739..9013983 100644
--- a/view/layout.php
+++ b/view/layout.php
@@ -5,6 +5,8 @@
         <link rel="stylesheet" type="text/css" href="/styles/main.css" />
     </head>
     <body>
+        <nav>
+        </nav>
         <?php
             if (isset($content)) {
                 $content();
