Jon LH Hart wrote:Oh also Ducke, this rule in style-metro.css forces any plain images to increase to the entire width of the of the content area on desktop. The content area on mobile is tiny so it doesn't matter there, but it pixelates images on desktop.
img, video {
width: 100%;
height: auto;
}
Okay so now the images don't resize on mobile. haha I think max-width: 100%; would fix this for mobile while not resizing the images on desktop/large screens.
Edit: Adding max-width: 100% to the img class messes with other images, but adding max-width: 100% under postimage should work without messing with anything else.
.postimage {
max-width: 100%;
}
Or adding max-width to the img class and a max-width:none; where needed. Just adding .postimage to the external css should solve it though.
Unrelated, I also noticed the mobile dropdown hamburger menu doesn't appear on individual guide pages.