Hero
Other

Hero is a component to style complex boxed content.

Assing the desired min-height instead of min-h-screen, assing the desired max-width instead of max-w-2xl,

This demos use media see documentation for more info.

Use Tailwind CSS to customize content direction.

Use Tailwind CSS to add shadow.

Use Tailwind CSS to position content outside.