hallo
body{ display: flex; flex-flow: row wrap; flex-direction: column;
Ich würde dir raten, die Richtung der Hauptachse nicht in einem einzigen CSS Block 10 mal zu ändern.
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-direction: column; flex-direction: column;
oder besser zu lernen, was flex-direction mit flex-flow zu tun hat.
hint: flex-direction + flex-wrap = flex-flow