No edit summary |
No edit summary |
||
Line 14: | Line 14: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
margin: 0.5em 0 1em 1em; | margin: 0.5em 0 1em 1em; | ||
width: 300px; | width: 300px; | ||
} | } | ||
Line 21: | Line 21: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.infobox { | .infobox { | ||
float: none !important; | float: none !important; | ||
clear: both !important; | clear: both !important; | ||
margin: 0 auto 1em auto !important; | margin: 0 auto 1em auto !important; | ||
width: | width: 90vw !important; | ||
max-width: | max-width: 500px !important; | ||
font-size: calc(14px + 0.5vw) !important; | |||
} | |||
.infobox img { | |||
width: 100% !important; | |||
height: auto !important; | |||
} | } | ||
} | } |
Revision as of 22:41, 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; width: 300px; } /* Mobile responsive rules */ @media (max-width: 768px) { .infobox { float: none !important; clear: both !important; margin: 0 auto 1em auto !important; width: 90vw !important; max-width: 500px !important; font-size: calc(14px + 0.5vw) !important; } .infobox img { width: 100% !important; height: auto !important; } }