Answers for "how to put items center in tailwind css"

tailwind absolute center

absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2

tailwind center

<div class="flex justify-center ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

tailwind align-self center

<!-- align-self: center -->
<div class="flex ...">
  <div>1</div>
  <div class="self-center">2</div> 
  <!-- ^ center-aligned div -->
  <div>3</div>
</div>