JSFiddle - React, Tailwind, and code Playground

HTML

<div class="amnavigation">
<div class="previous"><</div>
  	<ul>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  		<li>icon</li>
  	</ul>
  	<div class="next">></div>

  </div>

CSS

.amnavigation {
  height: 140px;
  overflow: hidden;
  display: flex;
  height: 140px;
  overflow: hidden;
  display: flex;
  max-width: 1000px;
  margin: auto; }
  .amnavigation ul li {
    width: 140px;
    height: 140px;
    background: #999;
    display: inline-block;
    margin: 5px; }