JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

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

CSS

li {
  background:yellow;
  width:30px;
  height:30px;
  list-style:none
}
li:nth-child(4n-3) {
  background:red
}
li:nth-child(2n) {
  background:blue
}

li:first-child, li:first-child+ li{
  float:left
}