FSST/Geizkragen
FSST/Geizkragen
2
0
Fork 0
Code Issues Projects 1 Releases 1 Wiki Activity

Refactor advertisement container styling for improved centering and responsiveness

Browse Source
This commit is contained in:
Fabian Schieder 2026-03-31 00:13:21 +02:00
parent 5668df1019
commit 84b7da34c9
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ad_recommendation.php
View File

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