From 8fc79074f2a40e5c1917be90b234df9de8831ca9 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Tue, 25 Apr 2023 15:08:02 +0200 Subject: fix products style --- public/global.css | 4 ++++ public/nav.css | 6 +----- public/navbar.php | 8 ++++---- public/products.css | 10 ++++++++++ public/products.php | 8 ++++---- 5 files changed, 23 insertions(+), 13 deletions(-) diff --git a/public/global.css b/public/global.css index 9120a5f..82dc446 100644 --- a/public/global.css +++ b/public/global.css @@ -16,3 +16,7 @@ body, html { padding: 0 12px; } +.nolinkstyle { + text-decoration: none !important; + color: currentColor; +} diff --git a/public/nav.css b/public/nav.css index f5f540c..b1f5666 100644 --- a/public/nav.css +++ b/public/nav.css @@ -4,11 +4,7 @@ nav { } nav span { vertical-align: middle; } -nav a { - text-decoration: none; - color: currentColor; - margin-right: 16px; -} +nav a { margin-right: 16px; } nav .site-icon { height: 48px; diff --git a/public/navbar.php b/public/navbar.php index 34d88bb..f22a040 100644 --- a/public/navbar.php +++ b/public/navbar.php @@ -1,11 +1,11 @@ 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; } diff --git a/public/products.php b/public/products.php index b42e4db..077702a 100644 --- a/public/products.php +++ b/public/products.php @@ -10,22 +10,22 @@

lijst met producten:

- + 3,45 courgette - + 3,45 courgette - + 3,45 courgette - + 3,45 courgette -- cgit v1.2.3