JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">
  <img class="fd1" src="http://via.placeholder.com/640x360" width="500" height="300" title="" />
  <img class="fd2" src="http://via.placeholder.com/640x360" width="500" height="300" title="" />
  <img class="fd3" src="http://via.placeholder.com/640x360" width="500" height="300" title="" />
</div>

CSS

img.fd1,
img.fd2,
img.fd3 {
  width: 33%;
  height: auto;
  padding: 10px;
  float: left;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.holder {
  width: 100%;
}