JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<ul>

    <li>h1</li>
    <li>h2</li>
    <li>h3</li>
    <li>h4</li>
    <li>h5</li>
    <li>h6</li>
    <li>h7</li>
</ul>

CSS

ul {
  display: flex;
  margin: 0 auto;
  padding: 0;
  width: 800px;
  list-style: none;
  flex-wrap: wrap;
  background-color: red;
  justify-content: space-between;
  display:inline-block;
}

li {
  display: flex-item;
  padding: 15px 0;
  transition: transform .5s ease-in-out;
  transform: scale(1);
  margin: 10px auto;
  background-color: blue;
  width: 150px;
  display:inline-block;
}