2 years ago

In TailwindCSS you can make use of flexbox to align items right in the middle of the screen by using the following properties flex : changes the div to a flex box container. justify-center : Aligns the content / div horizontally in the center of the screen items-center : This aligns items vertically in the center of the flex box. h-screen : This will allow your flex box to take up the whole height of the screen. Look Ma, I am Centered This code should give you the following result on the screen