JSFiddle - React, Tailwind, and code Playground

by abhitalks

HTML

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

CSS

* { box-sizing: border-box; margin: 0; padding: 0; }
ul, li { list-style: none; }
ul { width: 600px; height: 300px; background: red; display: flex; }

li {
  flex: 1 0 auto;
  border-right: 0.8vw solid black;
  background: blue;
}

li:last-child { border-right: none; }