fix products style

1 files changed, 10 insertions, 0 deletions

diff --git a/public/products.css b/public/products.css
index a698a15..dae3805 100644
--- a/public/products.css
+++ b/public/products.css
@@ -3,6 +3,7 @@
 	display: grid;
 	grid-template-columns: repeat(var(--grid-columns), 1fr);
 	gap: 8px;
+	align-items: start;
 }
 @media (max-width: 600px) { .products { --grid-columns: 2; } }
 @media (max-width: 400px) { .products { --grid-columns: 1; } }
@@ -18,3 +19,12 @@
 	height: 100%;
 	object-fit: cover;
 }
+
+.product span {
+	display: block;
+	color: CanvasText;
+	text-decoration: none;
+}
+
+.product .price::before { content: "\20ac "; }
+.product .price { font-size: 1.5rem; }