From 5e22b51d56125c3d72150feb5d53093df5559414 Mon Sep 17 00:00:00 2001
From: vitrinekast <roosschuurmans@gmail.com>
Date: Wed, 3 Jul 2024 15:21:18 +0200
Subject: [PATCH] make tour cards text readable

---
 web/style.css | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/web/style.css b/web/style.css
index ed744a9..338d931 100644
--- a/web/style.css
+++ b/web/style.css
@@ -142,20 +142,17 @@ p {
     margin-top: 50px;
     max-width: 2000px;
     gap: 2rem;
-
-
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: min-content min-content min-content min-content;
-    grid-auto-rows: 300px;
+    display: flex;
     transition: .2s linear;
-
-
 }
 
 .tourcard {
     position: relative;
     overflow: hidden;
+    padding: 100px 16px 16px 16px;
+    display: flex;
+    justify-content: flex-end;
+    max-width: calc(50% - 1rem);
 }
 
 @media only screen and (max-width: 801px) {
@@ -166,18 +163,25 @@ p {
 
 .tourcard>img {
     width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    object-fit: cover;
+    z-index: -1;
+}
+
+.tourcard p {
+    color: inherit;
+    text-decoration: none;
 }
 
 .tour-text {
-    position: absolute;
-    width: 80%;
-    bottom: 8%;
-    left: 8%;
-    padding: 2%;
+    /* position: absolute; */
+    padding: 16px;
     font-family: Montserrat;
     font-size: .7em;
     background: white;
-    max-height: 80%;;
 }
 
 .counter {