Using breakpoints in the <picture> element

Note: this sample uses the picturefill polyfill to provide backwards compatibility for browsers that do not support the <picture> element.

an example image

Viewport widths 0 to 499px:

Viewport widths 500px to 599px:

Viewport widths 600px and over: