Google Chrome & Firefox display: flex

[Julius]

Hallo,

du hast leider einige Probleme eingebaut.

Nein. Der Code ist m.M.n. in Ordnung. Es handelt sich hier höchstwahrscheinlich um einen Browserbug.

Das Problem ist die Breite der article-container. Lösch mal "flex: 1 1 0;"

Wieso? flex-grow: 1 ist das, was hier angebracht ist. Das sorgt dafür das alle flex items die gleiche Breite haben. Das ist nämlich erwünscht und funktioniert im Chrome auch.

und trage statt dessen ein "width: 33.3%". Dann kann sich die Breite der article dem übergeordnetem Element anpassen.

Eine feste width zu setzen ist natürlich möglich aber damit handelt man sich nur Probleme ein, wie du auch schreibst:

Allerdings gibt es dann ein weiteres Problem.

Julius