Template talk:Wikibreak

Mobile CSS — image is tiny

The image in the template looks tiny in mobile version: screenshot made in mobile Firefox. Images in userboxes below look OK. I'm not well versed in CSS for other display sizes, so I can't really even attempt to fix this. The issue is also visible in a desktop browser: mobile version URL. —⁠andrybak (talk) 19:41, 24 September 2018 (UTC)

Poked a bit in CSS in developer tools. Removing max-width rule fixes it, but it seems to be inside the skin's CSS, loaded from this URL ending in "skin=minerva":

.content a > img, .content a > .lazy-image-placeholder, .content noscript > img {
    max-width: 100% !important; /* the culprit */
}

—⁠andrybak (talk) 19:46, 24 September 2018 (UTC)

Found another possible explanation. CSS for the second cell in the table (the cell with text) defines its width as 100% through CSS class .center:

.content .center {
    width: 100%;
    text-align: center;
}

—⁠andrybak (talk) 00:08, 25 September 2018 (UTC)

 Fixed. After testing in sandbox, fixed the template. —⁠andrybak (talk) 00:13, 25 September 2018 (UTC)