Don’t Squash Me: Using min-width on Fluid Images
We all know about making images flexy/squishy, but sometimes an image loses it’s legibility at the smaller viewports. This technique allows you to keep the image a legible size without breaking your design. NICE!
…there’s a limit to how small some images should reasonably be. The text in this image is barely readable when scaled down for smartphone screens. The user could zoom in of course, but it’s annoying to have to zoom in and out while skimming through an article.
An excerpt from Don’t Squash Me: Using min-width on Fluid Images
