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
--
Das wirksamste Mittel gegen Sonnenbrand
ist Urlaub am Ostseestrand!
Das wirksamste Mittel gegen Sonnenbrand
ist Urlaub am Ostseestrand!