Overflow bei zu langem Text

[dedlfix]

Tach!

Ja, das div mit der id "diagram-area", das kann man sicher auch anders lösen als über die oben genannte Klasse. Ich hab das nur schnell im Browser probiert ohne zu schauen, welche Elemente sonst noch diese Klasse haben. Egal, nur besagtes div zu stylen tut's auch...

Nicht bei mir. Es ändert sich zwar etwas, aber nicht wesentlich. Es schrumpft weiterhin nicht bis 0, sondern hört irgendwann auf.

Jetzt hab ich mal ein Grid probiert und

.lanes {
    display: flex;
}
.lane {
    flex: 1 1 100%;
}

zu

.lanes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

geändert. Das schrumpft wunschgemäß bis auf 0, beziehungsweise bis die anderen Elemente im #diagram-area-Container oder Margins/Paddings streiken. Das hätte ich schon früher probieren sollen. Aber warum die Flexbox nicht will ... da hab ich wohl noch Wissenspotential.

dedlfix.