From 84b7da34c993d4a8d074dd52367dd553a68df886 Mon Sep 17 00:00:00 2001
From: Fabian Schieder <fabian.schieder.1010@gmail.com>
Date: Tue, 31 Mar 2026 00:13:21 +0200
Subject: [PATCH] Refactor advertisement container styling for improved
 centering and responsiveness

---
 ad_recommendation.php | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/ad_recommendation.php b/ad_recommendation.php
index 517c53b..392eb5d 100644
--- a/ad_recommendation.php
+++ b/ad_recommendation.php
@@ -25,11 +25,14 @@ html, body {
     padding: 90px 0;
     margin: 40px 0;
 
+    /* Absolute Full-Width-Strategie */
     width: 100vw;
-    margin-left: calc(50% - 50vw);
+    position: relative;
+    left: 50%;
+    right: 50%;
+    transform: translateX(-50%);
     box-sizing: border-box;
 
-    position: relative;
     display: flex;
     justify-content: center;
     color: #fff;
@@ -61,13 +64,13 @@ html, body {
 }
 
 .ad-container {
-    max-width: none;
-    width: 100vw;
+    max-width: 100vw;
+    width: 100%;
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    gap: 6vw;
-    padding: 0 4vw;
+    justify-content: center;
+    gap: 5vw;
+    padding: 0 2vw;
     box-sizing: border-box;
 }
 
@@ -361,3 +364,4 @@ document.addEventListener("DOMContentLoaded", function() {
 </script>
 
 <?php endif; ?>
+