diff --git a/moku/static/css/moku.css b/moku/static/css/moku.css
index 173d967..7b2d817 100644
--- a/moku/static/css/moku.css
+++ b/moku/static/css/moku.css
@@ -27,7 +27,7 @@ body {
     line-height: 1.4;
     max-width: 768px;
     margin-inline: auto;
-    padding: 4rem 1.2rem 2.4rem 1.2rem;
+    padding: 2.4rem 1.2rem;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
@@ -83,7 +83,6 @@ a:hover, button.logout:hover {
 .profile h2 {
     font-size: 1.8rem;
     font-weight: bold;
-    margin-block-end: .6rem;
     color: var(--orange);
 }
 
@@ -241,9 +240,6 @@ form button[type=submit]:not(.logout) {
 
 header {
     display: grid;
-    grid-template-columns: auto 1fr;
-    column-gap: 2.4rem;
-    align-items: center;
     margin-block-end: 2.4rem;
 }
 
@@ -255,15 +251,12 @@ header h1 {
 header nav ul {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
     column-gap: 1.2rem;
 }
 
 .grid-content {
     display: grid;
-    grid-template-columns: 214px 1fr;
-    column-gap: 2.4rem;
-    align-items: flex-start;
+    row-gap: 1.2rem;
 }
 
 .grid-content main {
@@ -322,4 +315,27 @@ header nav ul {
     margin-block-start: 1rem;
     padding-inline-start: 3.4rem;
     border-left: 2px solid var(--tangerine);
+}
+
+@media(min-width: 768px) {
+    body {
+        padding: 4rem 1.2rem 2.4rem 1.2rem;
+    }
+
+    header {
+        grid-template-columns: auto 1fr;
+        column-gap: 2.4rem;
+        align-items: center;
+    }
+
+    header nav ul {
+        justify-content: flex-end;
+    }
+
+    .grid-content {
+        grid-template-columns: 214px 1fr;
+        column-gap: 2.4rem;
+        row-gap: 0;
+        align-items: flex-start;
+    }
 }
\ No newline at end of file