CodePen Embed - poPvMxg

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

body { width:600px; margin: 50px auto }
ul { display: flex; width: 100px; flex-wrap: wrap;  }
li {color: orange; font-size: 72px; width: 50px }
li:nth-child(2n) { color: blue }
li:nth-child(4n + 3) { color: blue }
li:nth-child(4n + 4) { color: orange }

This Pen is owned by Tolly on CodePen.

See more by @workcode on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.