JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<div class="box">
                                <picture>
                                    <source srcset="//placehold.it/10x10 320w,
                                                    //placehold.it/20x20 480w,
                                                    //placehold.it/88x88 800w"
                                            sizes="(max-width: 320px) 280px,
                                                   (max-width: 480px) 440px,
                                                   800px"
                                    >
                                    <img src="//placehold.it/1x1">
                                </picture>

</div>

CSS

.box {
  width: 200px;
  height: 200px;
  background: red;
}