JSFiddle - React, Tailwind, and code Playground

by kuonyuu

HTML

<div class="container">
  <div class="box-collection">
    <ul class="column">
      <li class="box1"><span>Shadow 1</span> </li>
      <li class="box2">Shadow 2 </li>
      <li class="box3">Shadow 3 </li>
      <li class="box4">Shadow 4 </li>
      <li class="box5">Shadow 5 </li>
      <li class="box6">Shadow 6 </li>
      <li class="box7">Shadow 7 </li>
      <li class="box8">Shadow 8 </li>
      <li class="box9">Shadow 9 </li>
      <li class="box10">Shadow 10 </li>
      <li class="box11">Shadow 11 </li>
      <li class="box12">Shadow 12 </li>
      <li class="box13">Shadow 13 </li>
      <li class="box14">Shadow 14 </li>
      <li class="box15">Shadow 15 </li>
      <li class="box16">Shadow 16 </li>

    </ul>
  </div>
</div>

CSS

/*********************************************************************************************

	Author: Abhimanyu Rana
  URI: http://www.planetabhi.com
	Twitter: @planetabhi
	Dribbble: @planetabhi

*********************************************************************************************/ 
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	background:...