diff --git a/palette-preview.html b/palette-preview.html
index 9a25b83..4142ff5 100644
--- a/palette-preview.html
+++ b/palette-preview.html
@@ -40,6 +40,10 @@
     .hue-legend { justify-content: center; }
   }
 
+  @media (max-width: 900px) {
+    .palette-grid { grid-template-columns: 1fr; }
+  }
+
   @media (max-width: 480px) {
     body { padding: 16px 12px 40px; }
     h1 { font-size: 26px; }
@@ -74,7 +78,7 @@
 
   .palette-grid {
     display: grid;
-    grid-template-columns: 1fr;
+    grid-template-columns: repeat(2, 1fr);
     gap: 32px;
   }