From 6fe6d1deb1d33eaf9ac55c1dee02c0dda20b8c83 Mon Sep 17 00:00:00 2001
From: thijs <thijsst@opzeker.it>
Date: Fri, 3 Nov 2023 16:57:42 +0100
Subject: [PATCH] banner fit

---
 includes/styles.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/includes/styles.css b/includes/styles.css
index c63640f..9d41f46 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -50,6 +50,14 @@ nav a:active {
     transform: translateY(1px); /* Slight Pressed-In effect on Click */
 }
 
+header .banner {
+    max-width: 100%; /* Ensures the image is never larger than its container */
+    height: auto; /* Maintains the aspect ratio */
+    display: block; /* Prevents inline default spacing */
+    margin: 0 auto; /* Centers the image within the header */
+  }
+
+  
 header, main, footer {
     max-width: 800px;
     margin: 20px auto;