diff --git a/src/components/Nav.module.css b/src/components/Nav.module.css
index ae2fa1e..41cbaba 100644
--- a/src/components/Nav.module.css
+++ b/src/components/Nav.module.css
@@ -31,3 +31,13 @@
   text-decoration: none;
   color: var(--color-charcoal);
 }
+
+@media (max-width: 640px) {
+  .nav {
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+  .links {
+    gap: var(--space-md);
+  }
+}
diff --git a/src/pages/Home.module.css b/src/pages/Home.module.css
index 2cc3bce..40ec143 100644
--- a/src/pages/Home.module.css
+++ b/src/pages/Home.module.css
@@ -51,3 +51,13 @@
 .banner a {
   color: var(--color-gold);
 }
+
+@media (max-width: 640px) {
+  .headline {
+    font-size: 2.2rem;
+  }
+  .row {
+    flex-direction: column;
+    align-items: center;
+  }
+}
diff --git a/src/pages/Shop.module.css b/src/pages/Shop.module.css
index faddd50..585b4d4 100644
--- a/src/pages/Shop.module.css
+++ b/src/pages/Shop.module.css
@@ -26,3 +26,9 @@
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: var(--space-lg);
 }
+
+@media (max-width: 640px) {
+  .grid {
+    grid-template-columns: 1fr;
+  }
+}