Le dimensionnement flex est régi par flex-grow (part de l'espace libre à occuper), flex-shrink (capacité à rétrécir) et flex-basis (taille de départ), regroupés dans le raccourci flex. flex: 1 fait partager l'espace équitablement entre les éléments.
Exemple
main { flex: 1; } /* occupe l'espace restant */