Skip to content

Instantly share code, notes, and snippets.

@micahtaylor
Created June 3, 2013 16:34
Show Gist options
  • Save micahtaylor/5699422 to your computer and use it in GitHub Desktop.
Save micahtaylor/5699422 to your computer and use it in GitHub Desktop.
<picture alt="responsive image">
<source src="large.jpg" media="(min-width:1600px),
(min-resolution: 136dpi) and (min-width:800px)">
<source src="medium.jpg" media="(min-width:800px),
(min-resolution: 136dpi) and (min-width:400px)">
<source src="small.jpg">
<!-- fallback -->
<img src="small.jpg" alt="responsive image">
</picture>
/* via http://coding.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/ */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment