Programmiererforum

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

1
2
3
4

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

1
2
3
4
[/code]