Centered Page

A div centered in the middle of the page

If this component helped you, why not

Advertisment

Preview:

Code

The code for the starter component which you can drop into your existing project.

  <div class="flex items-center justify-center h-screen">
    
	<div class="bg-indigo-800 text-white font-bold rounded-lg border shadow-lg p-10">
		Centered Content
	</div>
	
  </div>

Find more components at: www.tailwindtoolbox.com/starter-components