Cree una cuadrícula de mampostería con flexbox (u otro CSS)

Me gustaría lograr un efecto de cuadrícula en CSS con elementos que tengan el mismo ancho en tamaño pero no en altura. Me gustaría que el elemento debajo esté siempre a 50 px del inferior, lo que sea que siga.

Lo intenté con carrozas, pero ese error. Así que intenté con Flex, pero todavía no hace lo que quiero.

.container
  display: flex
  flex-wrap wrap
  align-content flex-start
  align-items flex-start

Lo que me gustaría:

Lo que tengo:

Respuestas a la pregunta(3)

Su respuesta a la pregunta