PureCss Responsive Images

Question

I am just trying to do my first page using purecss, what I am stuck at the moment is in using pure-img for having responsive images, the image are responsive when I reduce the screen but when the screen become bigger and the image are supposed to increase from their original dimension they just stay static in their original size.

Can you please help me :)

Answer 1

The simplest way - just append width: 100% on your image.

https://jsfiddle.net/zv95xt4r/

Answer 2

Try:

img {
  max-width: 100%;
  height: auto;
}