Hej alle, das folgende funktioniert nicht im Safari, vermutlich zu recht? > ~~~css > #main { > display: flex; > flex-wrap: wrap; > justify-content: center; > } > .home .post { > flex: 1 0 0; > min-width: 25em; > max-width: 50em; > } > ~~~ Das Problem: Safari stört sich nicht an der festgelegten Mindestbreite, die ich mittels min-with angegeben habe. Wenn ich die als Basis-Wert eintrage, verhält sich das Layout wie gewünscht beim zusammenschieben. Jetzt geh ich noch mal in mein stilles Kämmerlein und schaue, ob ich auch eine Größenbeschränkung bei maximal 50er hinbekomme, um zu lange Zeilen zu verhindern... Hier der funktionierende Code (sogar mit verschachtelten Flexboxen): ~~~css main { display: flex; flex-wrap: wrap; } #content { flex: 2.5 0 25em; display: flex; flex-wrap: wrap; } #sidebar { flex: 1 0 25em; } #content article { flex: 1 0 25em; } ~~~ Marc

Hej alle, > ~~~css > #main { > display: flex; > flex-wrap: wrap; > justify-content: center; > } > .home .post { > flex: 1 0 0; > min-width: 25em; > max-width: 50em; > } > ~~~ Die Lösung: Safari stört sich nicht an der festgelegten Mindestbreite, die ich mittels min-with angegeben habe. Wenn ich die als Basis-Wert eintrage, verhält sich das Layout wie gewünscht beim zusammenschieben. Jetzt geh ich noch mal in mein stilles Kämmerlein und schaue, ob ich auch eine Größenbeschränkung bei maximal 50er hinbekomme, um zu lange Zeilen zu verhindern... Hier der funktionierende Code (sogar mit verschachtelten Flexboxen): ~~~css main { display: flex; flex-wrap: wrap; } #content { flex: 2.5 0 25em; display: flex; flex-wrap: wrap; } #sidebar { flex: 1 0 25em; } #content article { flex: 1 0 25em; } ~~~ Marc