Select a background color for the page:
Basic PageCentered
Centered Content
This content is horizontally and vertically centered on the page using the PageCentered component.
With Custom Class
Custom width and padding applied.
Additional content that demonstrates multiple lines.
Full Width Example
Full width centered content.
With ID and Multiple Elements
First centered element.
Second centered element below the first.
Responsive Centering
Responsive Content
This content adjusts its maximum width based on screen size, always staying centered.
On mobile: max-w-4xl, on md and up: max-w-6xl.