Example 1: Centering in a Fixed Size Box

The parent container has a fixed width and height (`w-64 h-64`). The classes `flex items-center justify-center` are applied to the parent to center the child.

Centered Item

Example 2: Centering in a Full-Screen Context (using min-h-screen)

Here, the parent container takes up at least the full height of the screen (`min-h-screen`). This is common for hero sections or loading screens.

Welcome!

This content is perfectly centered.