JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <div class="name">Заголовок товара</div>
  <ul>
    <li class="colors-pic cp-1"></li>
    <li class="colors-pic cp-2"></li>
    <li class="colors-pic cp-3"></li>
    <li class="colors-pic cp-4"></li>
    <li class="colors-pic cp-5"></li>
  </ul>
</div>

SASS

.box
  width: 300 px
  height: 300 px
  border: 1px solid #000
  display: block