JSFiddle - React, Tailwind, and code Playground

HTML

<wrapper>
  <main>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </main>
  </wrapper>

CSS

wrapper {
  width: 600px;
}
main {
  width: 500px;
  margin: 0 auto;
}

div{
  width:100px;
  height:100px;
  background:red;
  display:inline-block;
}