Multi-Item Responsive Stacking

Applying responsive stacking to a list of three items.

Our Services

Service Alpha

Description for service Alpha. It will appear full-width on small screens.

Service Beta

Description for service Beta. Stacks below Alpha on small screens.

Service Gamma

Description for service Gamma. Stacks below Beta on small screens.

How it works: The parent `div` uses `flex flex-col sm:flex-row`. This means:

The `flex-1` class on child items helps them share space equally when in a row.