Hallo,
ohne ein paar Verrenkungen wird es nicht funktionieren.
vermutlich wäre es dann sogar einfacher, die Elemente "raus"floaten zu lassen?
Ja, wir benötigen den Quellcode, am besten ein Link zu der Seite.
Den Link gibt es momentan noch nicht, da das nur bei mir lokal zum testen liegt, ob es generell so geht, wie ich mir das denke:
<div id="container-main">
<div class="container-flex a">
<p>
Blindtext
</p>
</div>
...
</div>
#container-main {
display: flex;
flex-flow: column wrap;
}
.container-flex {
background-color: #CBCBCB;
padding: 5px;
margin: 5px;
flex: 1 1 50%;
}
Und auch Informationen, in wie weit du den Quellcode anpassen kannst. Zum Beispiel zusätzliche (Hilfs)Container einfügen kannst.
Da bin ich relativ offen und habe da keine Beschränkungen.
Oder auch wie hoch die Container sind. Also: Sind alle immer gleich hoch? Wenn nein - welche sind höher?
Wahrscheinlich wird der erste Container rechts höher sein, wie der erste links, ansonsten variieren die natürlich auch je nach Inhalten.
Viele Grüße Markus