Pricing Learn Community

Overview
CARDS

Center grid items

Tailwind CSS Center grid items

Use responsive center grid items utilities with TW 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