Как сверстать на flex?

Question

[denism300]

Есть конструкция:

<div class="col-12 main-menu-wrap">
    <div class="fixed-menu-logo">
        <!-- тут содержимое блока -->
    </div>
    <div class="main-menu">
        <!-- тут содержимое блока -->
    </div>                
</div>

Блок fixed-menu-logo имеет стандартную ширину 40px.
Блок main-menu должен занимать все остальное место.
Как это сделать на flex?

Answer 1

[origami1024]

родителю display: flex;
1му диву width: 40px;
2му диву flex: 1;

https://codepen.io/origami1024/pen/qBWarEq

Answer 2

[Рома Зварич]

.main-menu-wrap {
    display: flex;
}

.fixed-menu-logo {
    flex-basis: 40px;
}

.main-menu {
    flex-grow: 1;
}