flex heißt, das ganze ist "flex-ible". Also nicht fix.
Das ist die große Stärke von flexbox: Es passt sich flexibel dem verfügbaren Platz an.

Man kann das Verhalten aber auch ausstellen indem man festlegt ob ein Element größer oder kleiner wird.

Gibst du zB deinem side-Element ein flex-shrink: 0, dann heißt das, dass das Element nicht kleiner werden darf.

Es gibt zusätzlich auch flex-grow property, welches festlegt wie das Element wachsen darf.

Zusätzlich dazu gibt es auch flex-basis property welches die basis-Größe eines flex Elements festlegt.