JSFiddle - React, Tailwind, and code Playground

by Rasmus Bergström

HTML

<div class="dynamic">
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
    <img src="http://placehold.it/100x100"></img>
</div>
<div class="repeat"></div>

CSS

.dynamic {
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  height: 200px;
  width: 100%;
}
.dynamic img{
  margin: -2px;
}

.repeat {
  position: relative;
  background-repeat: repeat;
  background: url("http://placehold.it/100x100");
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-top: 30px;
}