From cdb2302408a2d12b8e404dac2fe3061462433cf5 Mon Sep 17 00:00:00 2001
From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com>
Date: Thu, 18 Dec 2025 19:58:08 +0100
Subject: [PATCH] Different bg color for contact component in main vs footer.

---
 public/includes/components/contact-row.html | 2 +-
 src/scss/styles.scss                        | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/includes/components/contact-row.html b/public/includes/components/contact-row.html
index d4d664e..857b6ee 100644
--- a/public/includes/components/contact-row.html
+++ b/public/includes/components/contact-row.html
@@ -4,7 +4,7 @@
     <br>🡇
   </p>
   <div class="col-6 col-lg-3">
-    <div class="card h-100">
+    <div class="card h-100 bg-secondary-subtle">
       <div class="card-body d-flex flex-column">
         <h2 class="section fs-3 card-title">Bob Vandevliet</h2>
         <p style="margin-top: 0 !important;">Gecertificeerd FPV-dronepiloot</p>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index bfca272..56b43c0 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -318,6 +318,10 @@ img.grayscale-effect {
   overflow: hidden;
 }
 
+footer .card {
+  background-color: var(--bs-card-bg) !important;
+}
+
 .card-img-overlay {
   position: unset;
   z-index: 1;