1 files changed, 20 insertions, 0 deletions
diff --git a/public/products.css b/public/products.css
new file mode 100644
index 0000000..a698a15
--- /dev/null
+++ b/public/products.css
@@ -0,0 +1,20 @@
+.products {
+	--grid-columns: 3;
+	display: grid;
+	grid-template-columns: repeat(var(--grid-columns), 1fr);
+	gap: 8px;
+}
+@media (max-width: 600px) { .products { --grid-columns: 2; } }
+@media (max-width: 400px) { .products { --grid-columns: 1; } }
+
+.products .product {
+	background-color: #0001;
+	padding: 8px;
+	border-radius: 8px;
+}
+
+.product img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}