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