JSFiddle - React, Tailwind, and code Playground

by wwt

HTML

<div class="brands">
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
  <div class="brand"><img src="http://www.laptopmd.com/wp-content/uploads/2012/06/lenovo.png" alt=""></div>
</div>

CSS

.brands {
  width: 100%;
  overflow: hidden;
}

.brand {
  width: 25%;
  float: left;
  text-align: center;
}