Example 2: Using `flex flex-col` for Stacking & Spacing

Flex Item 1
Flex Item 2
Flex Item 3

Explanation:

The container `div` uses flex flex-col . This makes it a flex container with items arranged vertically. The space-y-4 utility adds a margin top to all child elements except the first, creating consistent vertical spacing between them. This is a common reason to use `flex-col` even when default block stacking might seem sufficient.