Using Flex Layout

(1a) Flex with Wrapping

With flex we can put them in line, too, and by default they grow to same line size.

Fluffly
Madge
Penny
Roger
Ghengis
Claude
Top
Colin

(1b) Flex with Growing

The cards can grow in width to fill a line. We can highlight a card by letting it grow more.

Fluffly
Madge
Penny
Roger
Ghengis
Claude
Top
Colin

(1c) Centred contents

Card contents should be centred.

Fluffly
Madge
Penny
Roger
Ghengis
Claude
Top
Colin