JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
</div>

CSS

.container {
  display: grid;
  grid-template-columns: auto auto;
}