From 251a6558fbadca1bfec070a2f97bb20d6b154f69 Mon Sep 17 00:00:00 2001
From: belviskhoremk <belviskhoremk@gmail.com>
Date: Mon, 3 Aug 2026 20:30:09 +0000
Subject: [PATCH] polish: add responsive breakpoints for nav, home, and shop

---
 src/components/Nav.module.css | 10 ++++++++++
 src/pages/Home.module.css     | 10 ++++++++++
 src/pages/Shop.module.css     |  6 ++++++
 3 files changed, 26 insertions(+)

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;
+  }
+}