Wie kann man die Linie in einem Flex -Layout zerbrechen? ⇐ CSS

[Guest]

Ich habe meine ersten, zweiten und dritten Elemente und dann möchte ich, dass das Forth -Element in die nächste Zeile geht, egal wie breit der Raum ist. < /p>

< div class = "snippet">

Code: Select all

.box {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: flex-start;
}
.it {
max-width: 420px;
}< /code>

1
2
3
4