JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="list">
  <button>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</button>
  <button>
    <div>fds</div>
    <span>dfsd</span>
  </button>
  <button>01</button>
  <button>01</button>
  <button>01</button>
  <button>01</button>
</div>

SCSS

.list {
  display: flex;
  flex-wrap: wrap;
  button {
    display: flex;
    flex-direction: column;
    width: 100px;
    background: red;
    /* align-items: flex-start; */
  }
}