Wiki/Template:Infobox/styles.css: Difference between revisions

From LibreMC Earth Wiki
Created page with "Make infobox images responsive: .infobox img { max-width: 100%; height: auto; } On Mobile: @media (max-width: 600px) { .infobox img { max-width: 150px; or whatever size looks good: } }"
 
No edit summary
 
Line 1: Line 1:
/* Make infobox images responsive */
.infobox img {
.infobox img {
  max-width: 100%;
max-width: 100%;
  height: auto;
height: auto;
}
}
/* On Mobile */
@media (max-width: 600px) {
@media (max-width: 600px) {
  .infobox img {
.infobox img {max-width: 150px;}
    max-width: 150px; /* or whatever size looks good */
  }
}

Latest revision as of 02:01, 21 September 2025

.infobox img { max-width: 100%; height: auto; } @media (max-width: 600px) { .infobox img {max-width: 150px;}