Mehrere Kästchen mit inhalt, jedoch chaotisch geordnet

[RXBeat]

Kleine mehrere Boxen erstellen und inhalt werden Links sein. Natürlich verrschiedene Kategorieren.

LYGqBNg

...

codepen.io

So weit bin ich jetzt aber mir gefällt diese anordnung irgendwie nicht. Wenn man das Fenster kleiner macht, dann Hüpft das dritte Feld unter das zweite anstatt unter das erste.
Ich weiß natürlich das es was mit dem inhalt der boxen zu tun hat und das bei Box 1 die meisten Zeilen sind, ist ja jetzt auch absicht.

Habt ihr eine Idee wie man das ein wenig verschönern kann? Damit meine ich die funktion selbst.
Ich dachte vielleicht eine Tabelle mit 3 Zeilen und in jede Zeile 3 Boxen? Aber das hört sich sogar für mich Anfänger irgendwie nach fusch an :)

Am liebsten wäre mir 3x3 Felder und soll das Fenster füllen. Alle Kästchen ungefähr gleich groß. Aber wenn unterschiedlich groß, sollen es ein system geben. Also dennoch untereinander. Das jetzige ist ja irgendwie chaos. Mit einem einfachen befehl kann ich das glaub ich auch nicht gerade bügeln.

Ich nehme auch Tipps und Ideen auf :)

THanks

 

[RXBeat]

Hi Sempervivum,
mit Gridlayout baue ich eigentlich das Grundgerüst der Seite also oben Titel, Unten hauptfenster etc.
Das Problem hier ist, nun haben ja alle Kästchen die selbe höhe. Das hätte ich auch mit einer festen height:200px hinbekommen. Dann sieht es auch so aus. Wobei deine version natürlich besser wäre. Aber irgendwie wirkt man das optisch zu quadratisch alles
Dennoch schon mal vielen Dank. Muss erst mal weiter arbeiten danach guck ich mir das alles noch mal genauer an

 

[Tronjer]

So was?
https://isotope.metafizzy.co/layout-modes/masonry.html

 

[RXBeat]

Das ist auch cool, hab erst mal die version von Sempervivum genommen da es ein wenig eilig hat und werde mir das masonry genauer anschauen. Könnte man sicherlich was cooles mit machen. Auch vielen Dank dafür.