Aligning Images and Captions

Article: Perfectly Aligned Image Captions with CSS Grid & subgrid

Flexbox (misaligned)

Placeholder 1

The images were far too tall and ended up with an absurd amount of whitespace (highlighting added on hover for demonstration purposes)

Placeholder 2

The images were far too tall and ended up with an absurd amount of whitespace (highlighting added on hover for demonstration purposes)

Placeholder 3

The images were far too tall and ended up with an absurd amount of whitespace (highlighting added on hover for demonstration purposes)
View CSS 
.flex {
  display: flex;
  flex-flow: row wrap;
}

.link {
  flex: 50% 0 0;
}