CSS Flex: Probleme beim Anordnen von <div>s

[Christian_85]

Guten Abend,

ich bin bzgl. HTML und CSS unerfahren und knoble gerade an einem Problem.

Ich habe eine dynamische Anzahl von <div>-Boxen, die allerdings alle die gleiche Breite haben. Die Höhe ist dynamisch. Mit Display Flex möchte ich die Boxen dynamisch anordnen lassen. Wenn die Breite des Browserfenster geringer wird, entsteht also eine neue Zeile (siehe Skizze).

Ich würde gerne dass in der Vertikalen kein Abstand zwischen den Boxen entsteht (wie auf der Skizze). Bekomme ich das irgendwie dynamisch hin?

Hier mein bisheriges CSS für die Boxen:

.box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position:relative;
  align-items:
  flex-start;
  align-content:flex-start;
} 

Liebe Grüße

Christian