MediaWiki:Common.css: Difference between revisions
I swear that min-width and max-width will confuse me til the end |
increase infobox size, 200px a bit measly |
||
(8 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
.infoboxOuter { | .infoboxOuter { | ||
width: | width: 250px; | ||
box-sizing: border-box; | |||
float: right; | |||
margin: 0.5rem; | |||
} | } | ||
@media ( | @media (max-width: 500px) { | ||
.infoboxOuter { | .infoboxOuter { | ||
width: | width: 100%; | ||
margin: auto; | |||
float: none; | |||
} | } | ||
} | |||
.infoboxOuter img { | |||
max-width: 100%; | |||
height: auto; | |||
aspect-ration: 1; | |||
} | } |
Latest revision as of 20:51, 21 November 2024
/* CSS placed here will be applied to all skins */ .infoboxOuter { width: 250px; box-sizing: border-box; float: right; margin: 0.5rem; } @media (max-width: 500px) { .infoboxOuter { width: 100%; margin: auto; float: none; } } .infoboxOuter img { max-width: 100%; height: auto; aspect-ration: 1; }