Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/html-picture.html

Last active May 29, 2019 09:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hteumeuleu/96dfdf6c6b993c17a202e93673b5abe3 to your computer and use it in GitHub Desktop.
Save hteumeuleu/96dfdf6c6b993c17a202e93673b5abe3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html-picture.html
<!DOCTYPE html>
<html>
<head>
<title>picture element</title>
</head>
<body>
<h1>picture</h1>
<picture>
<source srcset="https://i.imgur.com/35cz49W.png" media="(max-width: 480px)" />
<source srcset="https://i.imgur.com/X7vSnQV.png" media="(max-width: 640px)" />
<source srcset="https://i.imgur.com/JqqqI8g.png" media="(min-width: 641px)" />
<img src="https://i.imgur.com/pnUUCFQ.png" alt="" style="display:block; width:100%; height:auto;" />
</picture>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment