No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
text-align: center; | text-align: center; | ||
background: #1a1a1a; | background: #1a1a1a; | ||
} | |||
/* Desktop base rules */ | |||
.infobox { | |||
float: right; | |||
clear: right; | |||
margin: 0.5em 0 1em 1em; /* top right bottom left */ | |||
width: 300px; | |||
} | |||
/* Mobile responsive rules */ | |||
@media (max-width: 768px) { | |||
.infobox { | |||
float: none !important; /* Removes the right float */ | |||
clear: both !important; /* Ensures clean breaks with other content */ | |||
margin: 0 auto 1em auto !important; /* Centers horizontally with auto left/right margins */ | |||
width: 100% !important; /* Full width container */ | |||
max-width: 300px !important; /* But don't exceed original width */ | |||
} | |||
} | } |
Revision as of 22:31, 3 November 2024
.patreon-banner { display: block; width: 100%; max-width: 728px; height: auto; min-height: 90px; margin: 10px auto; text-align: center; background: #1a1a1a; } /* Desktop base rules */ .infobox { float: right; clear: right; margin: 0.5em 0 1em 1em; /* top right bottom left */ width: 300px; } /* Mobile responsive rules */ @media (max-width: 768px) { .infobox { float: none !important; /* Removes the right float */ clear: both !important; /* Ensures clean breaks with other content */ margin: 0 auto 1em auto !important; /* Centers horizontally with auto left/right margins */ width: 100% !important; /* Full width container */ max-width: 300px !important; /* But don't exceed original width */ } }