From 2206cb4bee27bffcbcfbff9774941b79e0f0f4f4 Mon Sep 17 00:00:00 2001 From: jakubmanczak Date: Mon, 12 Dec 2022 19:05:22 +0100 Subject: [PATCH] remove cheeky 4px bottom of image card --- components/IndexGallery/IndexGallery.module.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/components/IndexGallery/IndexGallery.module.scss b/components/IndexGallery/IndexGallery.module.scss index 02bde37..01adb46 100644 --- a/components/IndexGallery/IndexGallery.module.scss +++ b/components/IndexGallery/IndexGallery.module.scss @@ -9,12 +9,16 @@ } gap: 1.5rem; .galleryimg { + --mheight: 18rem; position: relative; + margin: 0; + padding: 0; + max-height: var(--mheight); @media screen and (max-width: 800px) { text-decoration: none; } img { - max-height: 18rem; + max-height: var(--mheight); border-radius: 8px; @media screen and (max-width: 800px) { max-width: 250px; @@ -25,6 +29,7 @@ backdrop-filter: blur(8px); background: rgba(#fff, 0.4); color: var(--backdrop); + left: 0; bottom: 0; width: 100%; display: flex;