JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="thumb">
  dsdsf
</div>
<ul class="list">
  <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQk1K2oxmB2oT8Y33c_uql0Pren5KWWFKZ5VVo5P57wo96pLiHu" alt=""></li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
</ul>

CSS

.list {
  background: blue;
  clear: left;
  margin-right: 200px;
  
}
.list li {
  float: left;
  width: 25%;
  border:1px solid #000;
  box-sizing: border-box;
}
li img {
  width: 100%; 
}
.thumb {
  width: 200px;
  
  float: right;
  background: red;
}