HTML [CSS][flex] wie mittlere Zeile verkleinern, wenn letzte Zeile umbricht?

[Tersus]

Guten Morgen,

ich habe hier etwas vorbereitet.

https://jsfiddle.net/0cbmzazd/2/

Wenn man das rechte Fenster zusammen schiebt, dann bricht die letzte Zeile irgendwann um, da beide Buttons nebeneinander keinen Platz mehr finden. Dann sind beide Buttons sind untereinander. Leider erhöht sich die Höhe der letzten Zeile nicht auf das angegebene Maximum. Wie kann ich das erzwingen? Bzw. wie kann ich dafür sorgen, dass die mittlere Zeile (.body) an Höhe verliert?

Vielen Dank!

Grüße

 

[kling1]

dafür kannst du das overflow attribut benutzen
ein

overflow: auto;

würde helfen
https://jsfiddle.net/0cbmzazd/3/
https://www.w3schools.com/cssref/pr_pos_overflow.asp

 

[Tersus]

Das weiß ich, ist aber nicht das, was ich möchte.

Ich möchte keine Scrollbar bei den Buttons. Ich möchte die Scrollbar nur in der mittleren Zeile. Die mittlere Zeile soll kleiner werden, damit die letzte Zeile ihre volle Größe entfalten kann und beide Buttons sichtbar sind.

 

[floq0r]

zusätzlich für .footer: flex-shrink: 0;