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 */
}
}
