Overview
CARDS

Center grid items

Tailwind CSS Center grid items

Use responsive center grid items utilities with Tailwind Elements. How to quick and easy way to center items in a grid.

Basic example

Use .place-items-center class to center items in grid.

Centered item in grid

Centered item in grid

HTML

        
            
        <div class="... grid h-64 grid-cols-2 place-items-center gap-8">
          <div class="...">Centered item in grid</div>
          <div class="...">Centered item in grid</div>
        </div>

Basic example
Related resources