JSFiddle - React, Tailwind, and code Playground

HTML

<section id="recent-work">
  <ul class="thumbnails">
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/40/100" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/100/200" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/50/70" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/40/80" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/65/20" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/95/50" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/40/100" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/100/200" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/50/70" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/40/80" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/65/20" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/95/50" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/40/100" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/100/200" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img src="http://placekitten.com/50/70" alt="">
      </a>
    </li>
    <li class="thumbnail">
      <a href="#">
        <img...

CSS

body {
  width: 90%;
  max-width: 620px;
  margin: 5em auto;
}

* {
  margin: 0;
  padding: 0;
}

.thumbnails {
  -webkit-column-count: 10;
  -moz-column-count: 10;
  column-count: 10;
  column-gap: 0px;
}
.thumbnail{
  max-height: 98px;
  overflow: hidden;
  padding:2px;
  background:#fff;
}
.thumbnail img {
  height: auto;
  max-height: 100%;
  width:100%;
  display: block;
}