CSS Flex: Probleme beim Anordnen von <div>s

[Matthias Scharwies]

Servus!

Hallo in die Runde,

bei einem Masonry-Layout kommt es oft (z.B. bei einer Foto-Galerie) nicht auf die genaue Reihenfolge der Boxen an. Dann könnte man so mit Flex eine Annäherung an das Gewünschte versuchen:

Ja, oder eben wie in der 1. Antwort verlinkt:

Beispiel:CSS-grid-gallery.html

.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
	gap: 10px;
	grid-auto-flow: dense;
}

nur ein Regelsatz für's Elternelement

Keine Klassen für Kindelemente

Responsiv und automatisch

Herzliche Grüße

Matthias Scharwies