Ну здесь ты дал конечно. flex: 1 1 это сокращения запись от flex-grow:1 flex-srink:1 и что ты сделал после записи flex:1 1 ? Правильно, перебил на grow:0 и shrink:0.
Подскажи еще пож. почему в разных браузерах отображает разное кол-во пикселей, рабочей зоны. В яндекс браузере 1280 ширина ... гугл хром 1600 и отображает совсем по другому. Хотя монитор тотже