Den Container hast Du ja schon umarrangiert. Jetzt fehlt nur noch eine Kleinigkeit: Du hast bei dem main sowohl flex-grow als auch flex-shrink auf 0 gesetzt. Dadurch passt sich der Container nicht an den freien Raum an. Setzt Du beides auf 1, tut er es und Du kannst auf die Rechnerei verzichten:
Nav auf:
html-seminar.de/woltlab/attachment/1730/
Nav zu: