How do I change HTML5 images in CSS3 media queries? I want my images to change in mobile view.

Answer 1

Hi there. You need to target the screen in your media query and within that media query target the images. Something like this:

/* max-width is the breadpoint you choose for your mobile design */

@media screen and (max-width: 680px) {

img {

/* write the rules for the images here */

}

}

I hope this helps.