Google Chrome & Firefox display: flex

[Jnnbo]

Hallo,

Das Problem ist die Breite der article-container. Lösch mal "flex: 1 1 0;" und trage statt dessen ein "width: 33.3%". Dann kann sich die Breite der article dem übergeordnetem Element anpassen. [....] Korrekterweise musst du also das padding entfernen und durch ein margin ersetzen. Wobei die 33.3% entsprechend verringert werden müssen.

Ok, habe ich geändert, meine Werte sehen nun so aus:

.leistung {
	margin-right:3%;
	width:31.3%;
}

Wenn du padding benötigst sollte das für alle article gleich vergeben werden, damit die Breiten gleich bleiben, entsprechend dem border-box-Modell.

Ok, auch den Wert habe ich nun geändert:

.container {
	margin-top:3em;
  	display: -webkit-flex;
 	display: flex;
	max-width:100%
}

Was ich allerdings nicht verstehe warum zeigten mir der Google und Chrome und der IE die Seite korrekt an? Durch das ändern der breite auf 31,3% bekommt nur der Firefox etwas mit die anderen zeigen es noch immer gleich an. Ich dachte immer alle Brwoser stellen dieses gleich da.