JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<ul class="thumbnai-llst">
  <li>주변 환경에 맞게 내 눈에 편안한 밝기를</li>
  <li>주변 환경에 맞게 내 눈에 편안한 밝기를</li>
  <li>주변 환경에 맞게 내 눈에 편안한 밝기를</li>
  <li>주변 환경에 맞게 내 눈에 편안한 밝기를</li>
  <!--li>주변 환경에 맞게 내 눈에 편안한 밝기를</li>
  <li>주변 환경에 맞게 내 눈에 편안한 밝기를</li-->
</ul>

CSS

* {
  padding:0;
  margin:0;
  list-style:none
}
.thumbnai-llst {
  font-size:0;
}
.thumbnai-llst li {
  display:inline-block;
  width:25%;
  padding:10px;
  border:2px solid transparent;
  font-size:14px;
  vertical-align:top;
  box-sizing:border-box;
  background:#cecece;
  background-clip:padding-box;
}