JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<ul class="list">
  <li>001</li>
  <li>001</li>
  <li>001</li>
  <li>001</li>
  <li>001</li>
  <li>001</li>
</ul>

<p class="box">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam, animi!
</p>

SCSS

.list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 300px;
  border: 3px solid #000;
  margin: 10px;
  li {
    height: auto;
    padding: 20px;
    background: #EEEEEE;
  }
}

.box {
  margin-top: 20px;
}