JSFiddle - React, Tailwind, and code Playground

by vinishanto

HTML

<div>
  <ul>
    <li class="mar_top20">
      <ul>
        <li class="mar_top20">head1</li>
        <li class="mar_top20">head2</li>
        <li class="mar_top20">head3</li>
      </ul>
    </li>
    <li class="mar_top20">
      <ul>
        <li class="mar_top20">row1</li>
        <li class="mar_top20">row2</li>
        <li class="mar_top20">row3</li>
      </ul>
    </li>
  </ul>
</div>

SCSS

/* * {
  box-sizing: border-box;
}
div > ul {
     display: block;
     list-style: none;
     
    > li {
      display: block;
      
      > ul{
        list-style: none;
        > li{
          display: inline-block;
          width:100px;
          height:30px;
          background-color: green;
          margin: 0 -2px;
          text-align: center;
          
          &:nth-child(2){
            background-color: blue;
          }
        }
      }
    }
}  */