Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Picture Element Example for Orientation
<!--[if IE 9]><audio><![endif]-->
<source sizes="600px" type="image/webp" media="(min-width: 991px)" srcset=",690/photos/spiggos%20fruit1574774933.jpg">
<source sizes="375px" type="image/webp" media="(max-width: 990px)" srcset=",345/photos/quality_fruit_center_mweb.png 1x,,690/photos/quality_fruit_center_mweb.png 2x">
<source sizes="600px" type="image/png" media="(min-width: 991px)" srcset="">
<source sizes="375px" type="image/png" media="(max-width: 990px)" srcset=" 1x, 2x">
<!--[if IE 9]></audio><![endif]-->
<img src="" loading="lazy" width="" height="" alt="Quality Fruit Banner" class="img-fluid lazyloaded">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment