remove cheeky 4px bottom of image card

2022-12-12 19:05:22 +01:00
parent 641ff29d44
commit 2206cb4bee
1 changed files with 6 additions and 1 deletions
--- 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;