JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="list-group">
<ul class="list type01">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
<div class="foot"></div>
</div>

CSS

* {margin:0;padding:0;}
ul, li {list-style-type:none;}
.list-group {width:620px;}
.list {background:#000000;}
.list li {width:200px;height:50px;margin-bottom:30px;margin-left:10px;background:#eeeeee;}
.type01:after {content: "";display: table;clear: both;}
.type01 li {float:left;}
.type01 li:nth-child(3n+1) {margin-left:0;}
.foot {height:30px;margin-top:20px;background:#333333;}