A sane approach to responsive images?

I’m working on redoing my portfolio site and one aspect of web design/HTML/CSS that has always eluded me is the easy way to work with responsive images.

I’m getting a total headache trying to get all my portfolio project images to look good on mobile and in a full browser. I’ve read countless guides/tutorials on how to work with , srcset, art direction, etc… but still can’t find anything that is straight forward and works.

What’s the easiest way to serve up images that are responsive? I can never get images to resize and scale the same way as the rest of the images. There’s always one or two that refuse to scale.

bootstrap does have img-fluid if you like bootstrap

1 Like