Eine Lösung für das Problem, das ich bei Nerinas Webseite hatte:

Es geht darum, dass eine unterschiedliche Zahl von Karten in jeweils gleichem Abstand auf der Seite zentriert in einem Block dargestellt werden sollen. Der Block soll sich responsive verhalten, das heißt auf breiten Bildschirmen sollen vier Karten in einer Reihe sichbar sein, auf Mobiles hingegen nur eine. Da die Zahl der Karten unterschiedlich ist, bleibt meist ein Rest in der unteren Reihe. Die letzte Reihe sollte aber nicht zentriert sein, sondern linksbündig. Sobald man Justify-content: center; verwendet bleiben sie aber zentriert.

Dafür habe ich eine Lösung gesucht, und musste daher das Flex-Box Modell genauer untersuchen, vor allem ob es mittels "align.self:" oder "flex:" eine Lösung gibt. Ich wollte auch ausprobieren, ob der Conatiner einen weiteren Außencontainer braucht, der selbst als Flexbox definiert wird, damit man den ihm nun untergeordneten Container man mittels "flex-shrink" dazu bringen könnte, sich eng um die Karten zu legen, sodass man sie mittels "justify-content: space-evenly" und "align-content: space-evenly" auch OHNE eigenem margin und ohne padding des Containers schön plazieren könnte.

Ergebnis: so geht es nicht.

Lösung: Man belässt "display: flex" in der Basiseinstelung, man MUSS den Karten einen margin geben, ihrem Container ein padding, muss alles zusammenrechnen, und dann dem Container exakt diese Breite zuteilen. Mit Mediaqueries setzt man dann Umbruchpunkte in der exakt ausgerechneten Breite die sich ergibt wenn nur mehr drei Karten in einer Reihe sind (samt deren margins und den paddings des Containers) ... dann 2, dann eine.

Nun sind die Karten bei jeder Viewport-Breite in der Mitte, und die letzte Reihe bleibt linksbündig.