How to center a div in tailwindcss

avatar
Apr 18, 2022 · Snippet · 1 min, 84 words

Using grid and flex, we'll center a div element horizontally and vertically on a page.

<!-- by grid -->
<div class="grid place-items-center h-screen">
  Centered using Tailwind.
</div>

<!-- by flex -->
<div class="flex justify-center items-center h-screen">
  Centered using Tailwind.
</div>

Comments

No comments yet…