Как на flex сделать, чтобы элемент слева занимал всю свободную площадь в контейнере, а элемент справа имел ширину 400px и был прижат к правому краю?

Question

[Денис Кузьмин]

При этом элементы внутри левого, были с фиксированной шириной и выравнивались по-центру.

<style>
   .flex {
      display: flex;
      width: 100vw;
      height: 100vh;
   }
   .elem {
      width: 100px;
      height: 100px;
   }
   .right {
      width: 400px;
   }
</style>
<div class="flex">
   <div class="left">
      <div class="elem"></div>
   </div>
   <div class="right"></div>
</div>

Answer 1

[Ankhena]

https://jsfiddle.net/6geto47f/

Comments

[Денис Кузьмин]

точно, flex: 1
спасибо большое