Example 1: Default Vertical Stacking

Block-level elements like <div> and <p> stack vertically by default. You don't always need flex flex-col for simple stacking.

Item 1 (div)

Item 2 (div)

Item 3 (paragraph)

Item 4 (div)

Note on "Gotcha":

The items above stack vertically because <div> and <p> are block-level elements. This is their natural flow. You don't need flex flex-col for this basic behavior.