JSFiddle - React, Tailwind, and code Playground

by Jake Cattrall

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="media">
  <div class="media-left green">
    <a href="/games/delta-force-angel-falls">
      <picture>
        <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source srcset="//res.cloudinary.com/igdb/image/upload/t_thumb/hu6dzolhxyzzx44ucyg6.webp, //res.cloudinary.com/igdb/image/upload/t_thumb_2x/hu6dzolhxyzzx44ucyg6.webp 2x" type="image/webp">
        <source media="(min-width: 800px)" srcset="//res.cloudinary.com/igdb/image/upload/t_thumb/hu6dzolhxyzzx44ucyg6.png, //res.cloudinary.com/igdb/image/upload/t_thumb_2x/hu6dzolhxyzzx44ucyg6.png 2x">
        <!--[if IE 9]></video><![endif]--><img alt="Cover image for the game Delta Force: Angel Falls - IGDB.com" srcset="//res.cloudinary.com/igdb/image/upload/t_thumb/hu6dzolhxyzzx44ucyg6.png, //res.cloudinary.com/igdb/image/upload/t_thumb_2x/hu6dzolhxyzzx44ucyg6.png 2x"></picture>
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading"><a href="/games/delta-force-angel-falls"><span>Delta Force: Angel Falls</span></a><small class="game-shortdate text-muted"> (<span>2015</span>)</small><small class="hide game-releasedate"><time datetime="2015-12-31">2015</time></small></h4>
    <div>
      <p>This game title was cancelled.</p>

      <p>In the near future, set in the north-west region of Central America and spanning both Colombia and Venezuela, “Delta Force: Angel ...</p>
    </div>
  </div>
</div>

CSS

.green {
  background-color: green;
}