Stack home columns on narrow viewports
The fixed 3-column grid overflows below ~768px because nothing
adapts the layout for small screens.

Assisted-by: Claude Opus 4.6 via Claude Code
change qqpvwrlorrnuvyntkrtpwxnkoyrqptuk
commit d46ed41b4f94079f23525db5113f4fd592ec52d8
author Alpha Chen <alpha@kejadlen.dev>
date
parent knpqpnkt
diff --git a/public/css/app.css b/public/css/app.css
index 854f697..a26365b 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -92,6 +92,17 @@ h2 { font-size: var(--step-0); font-weight: 600; }
   margin-inline: auto;
 }
 
+@media (max-width: 48rem) {
+  .home {
+    grid-template-columns: 1fr;
+    gap: var(--space-l);
+  }
+
+  .column-aside {
+    width: auto;
+  }
+}
+
 .column {
   min-width: 0;
 }