Hallo Leute, ich bin der neue, ich komme jetzt öfter ;-)

Meine Seite: zuckerfrei.

Ich fand hier schon zahlreiche hilfreiche Tipps, danke dafür. Aber nun stehe ich bei einem Problem total auf dem Schlauch:

Auf den Seiten mit Produktübersichten (Beispiel: Holzspielzeug) habe ich die Überschriften zentriert, bekomme dies aber mit den Vorschaubildern nicht hin. Bei größeren Bildschirmen werden drei Bilder nebeneinander angezeigt, was auch zentriert aussieht. Verkleinert man den Bildschirm, rutscht das rechte der drei Bilder unter die anderen, was ja auch in Ordnung ist. Jedoch bleiben die Bilder dan am linken Rand des Containers. Weiß jemand, wie ich das zentriert bekomme? Habe schon folgendes probiert:

.cc-catalog-gutter {
  display: flex;
  align-items: center;
  justify-content: center;
}
 

doch dann gibt es gar keinen Umbruch mehr und es werden bis zu 100 Bilder nebeneinander (extrem verkleinert) dargestellt.
Kann jemand den Knoten lösen?
Danke, Norbert

Moin und danke für die Antwort.
Die Änderung der Breite von .cc-content-parent half leider nicht.
Werrde die Produktübersichten wohl entfernen müssen und eigene basteln.