flexbox - Verhindern, dass die Breite bei der Angabe von flex-grow erhöht wird

Ich versuche, mit flexbox ein reaktionsfähiges Raster aus gleich großen Zellen zu erstellen. Mein Code funktioniert, wenn der Inhalt der Zellen der gleiche ist, aber nicht, wenn der Inhalt der Zellen in der Länge variiert - die Zellen passen sich an ihren Inhalt an.

Hier ist was ich suche:
1. Jede Zelle hat die gleiche Breite 2. Die Breite jeder Zelle wird automatisch angepasst, wenn die Größe des Browsers geändert wird.

Hier ist mein Code auf der Geige: Ссылка

html:

css:

Danke!