JSFiddle - React, Tailwind, and code Playground

by Vladymyr Shevchuk

HTML

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

CSS

ul {
  columns: 2
}

li {
  display: none;
}

li:nth-child(-n+3) {
    background:red;
    display: inherit;
}

li:nth-child(3):after {
  display: inherit;
  content: "..."
}