JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<ul id="my-list" class="list" style="width: 3456px;">
  <li style=" background-color:#565f3e;" class="guided-tag item">
    <span class="guided-tag-clicked" style="cursor:pointer;"><a href="#">Destinations</a></span>
    <div class="guided-tag-close" style="cursor:pointer;"><i class="fa fa-close"></i></div>
  </li>

  <li style=" background-color:#6e4633;" class="guided-tag item">
    <span class="guided-tag-clicked" style="cursor:pointer;"><a href="#">Budget</a></span>
    <div class="guided-tag-close" style="cursor:pointer;"><i class="fa fa-close"></i></div>
  </li>
  <li style=" background-color:#5d3e49;" class="guided-tag item">
    <span class="guided-tag-clicked" style="cursor:pointer;"><a href="#">Nature</a></span>
    <div class="guided-tag-close" style="cursor:pointer;"><i class="fa fa-close"></i></div>
  </li>
</ul>