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
    Fluffly
  
  
     Madge
    Madge
  
  
     Penny
    Penny
  
  
     Roger
    Roger
  
  
     Ghengis
    Ghengis
  
  
     Claude
    Claude
  
  
     Top
    Top
  
  
     Colin
    Colin
  
(1b) Flex with Growing
The figures can grow in width to fill a line. We can highlight a card by letting it grow more.
  
     Fluffly
    Fluffly
  
  
     Madge
    Madge
  
  
     Penny
    Penny
  
  
     Roger
    Roger
  
  
     Ghengis
    Ghengis
  
  
     Claude
    Claude
  
  
     Top
    Top
  
  
     Colin
    Colin
  
(1c) Centred contents
Card contents should be centred.
  
     Fluffly
    Fluffly
  
  
     Madge
    Madge
  
  
     Penny
    Penny
  
  
     Roger
    Roger
  
  
     Ghengis
    Ghengis
  
  
     Claude
    Claude
  
  
     Top
    Top
  
  
     Colin
    Colin