Don’t Squash Me: Using min-width on Fluid Images | Responsive Web Design

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

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.