JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<title>Srcset Test</title>
<p>If your browser supports <code>img srcset</code> you should see:</p>
<ul>
    <li>smile-200by125.jpg for viewport widths up to 400px</li>
    <li>smile-400by250.jpg for viewport widths up to 800px</li>
    <li>smile-800by500.jpg for viewport widths above 800px</li>
</ul>
<p>
    <img alt="Smily face" src="https://raw.github.com/michrome/srcset-browser-support/master/smile-200by125.jpg" srcset="https://raw.github.com/michrome/srcset-browser-support/master/smile-200by125.jpg 400w, https://raw.github.com/michrome/srcset-browser-support/master/smile-400by250.jpg 800w, https://raw.github.com/michrome/srcset-browser-support/master/smile-800by500.jpg" />
</p>

CSS

body {
    background: gray;
}