JSFiddle - React, Tailwind, and code Playground

by nhoizey

HTML

<div class="responsive-container">
  <img src="data:image/gif;base64,R0lGODlhEAAJAIAAAP///wAAACH5BAEAAAAALAAAAAAQAAkAAAIKhI+py+0Po5yUFQA7"
       srcset="http://ichef.bbci.co.uk/news/96/media/images/79309000/jpg/_79309377_79309376.jpg 96w,http://ichef.bbci.co.uk/news/130/media/images/79309000/jpg/_79309377_79309376.jpg 130w,http://ichef.bbci.co.uk/news/165/media/images/79309000/jpg/_79309377_79309376.jpg 165w,http://ichef.bbci.co.uk/news/200/media/images/79309000/jpg/_79309377_79309376.jpg 200w,http://ichef.bbci.co.uk/news/235/media/images/79309000/jpg/_79309377_79309376.jpg 235w,http://ichef.bbci.co.uk/news/270/media/images/79309000/jpg/_79309377_79309376.jpg 270w,http://ichef.bbci.co.uk/news/304/media/images/79309000/jpg/_79309377_79309376.jpg 304w,http://ichef.bbci.co.uk/news/340/media/images/79309000/jpg/_79309377_79309376.jpg 340w,http://ichef.bbci.co.uk/news/375/media/images/79309000/jpg/_79309377_79309376.jpg 375w,http://ichef.bbci.co.uk/news/410/media/images/79309000/jpg/_79309377_79309376.jpg 410w,http://ichef.bbci.co.uk/news/445/media/images/79309000/jpg/_79309377_79309376.jpg 445w,http://ichef.bbci.co.uk/news/485/media/images/79309000/jpg/_79309377_79309376.jpg 485w,http://ichef.bbci.co.uk/news/520/media/images/79309000/jpg/_79309377_79309376.jpg 520w,http://ichef.bbci.co.uk/news/555/media/images/79309000/jpg/_79309377_79309376.jpg 555w,http://ichef.bbci.co.uk/news/590/media/images/79309000/jpg/_79309377_79309376.jpg 590w,http://ichef.bbci.co.uk/news/625/media/images/79309000/jpg/_79309377_79309376.jpg 625w,http://ichef.bbci.co.uk/news/660/media/images/79309000/jpg/_79309377_79309376.jpg 660w,http://ichef.bbci.co.uk/news/695/media/images/79309000/jpg/_79309377_79309376.jpg 695w,http://ichef.bbci.co.uk/news/736/media/images/79309000/jpg/_79309377_79309376.jpg 736w,http://ichef.bbci.co.uk/news/768/media/images/79309000/jpg/_79309377_79309376.jpg 768w,http://ichef.bbci.co.uk/news/772/media/images/79309000/jpg/_79309377_79309376.jpg...

CSS

body {
        background-color: black;
        color: #fff;
    }
    .responsive-container {
        background-color: #ff0;
        min-width: 80vw;
    }
    .responsive-container img {
        min-width: 100%;
    }

JavaScript

document.querySelector('img').addEventListener('load', logImageSrc);
  window.addEventListener('resize', logImageSrc);

  function logImageSrc() {
      console.log(document.querySelector('img').currentSrc);
  }