fix: flat product grid, 4 columns, no category sections

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-17 02:09:28 +00:00
parent 46195142f3
commit 7dab35f896
1 changed files with 9 additions and 1 deletions
--- a/src/components/product/ProductGrid.vue
+++ b/src/components/product/ProductGrid.vue
@@ -16,7 +16,15 @@ defineProps<{
 <style scoped>
 .product-grid {
  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
 }
+
+@media (max-width: 900px) {
+  .product-grid { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (max-width: 500px) {
+  .product-grid { grid-template-columns: 1fr; }
+}
 </style>