Using Traditional Layout

(0a) List of buttons

We often have a list of buttons.

(0b) Right align

Sometimes we want them on the right.

(0c) Sizing

And we may want them have the same size. If we don't have enough space, they will go on multiple lines.

Using Flex Layout

(1a) Default flex

We often have a list of buttons.

(1b) Right align

Sometimes we want them on the right.

(1c) Sizing

And we may want them have the same size. If we don't have enough space, with flex they'll stay on one line, and shrink.

(1d) Wrapping

They can still go on multiple lines, if need be.

(1e) Growing

They can grow, too, to take up space.

(1f) Spacing

They can be spaced nicely and not grow.

(1g) Special Spacing

Or one button can be away from the others.