JSFiddle - React, Tailwind, and code Playground

by Rania Krourou

HTML

<ul class="image-gallery">
  <li><img src="http://lorempixel.com/200/200/" alt=""></li>
  <li><img src="http://lorempixel.com/200/200/" alt=""></li>
  <li><img src="http://lorempixel.com/200/200/" alt=""></li>
</ul>

CSS

ul.image-gallery {
  list-style: none;
  display: block;
  margin: 100;
  padding: 50;
  background-color: #cccccc;
}

ul.image-gallery:after {
  content: '';
  display: block;
  clear: both;
}

ul.image-gallery li {
  list-style: none;
  display: block;
  float: left;
}

ul.image-gallery li img {
  display: block;
}