Свойство flex-grow определяет, сколько пространства может занимать элемент внутри флекс-контейнера. К примеру, если для всех элементов установлено значение 1, то они получатся равного размера. Если какой-то элемент получил значение 2, то его размер будет в два раза больше остальных.
.element {
flex-grow: 2;
}
.flex-item {
background-color: #8dc63f;
width: 120px; height: 120px;
color: #fff;
font-size: 3rem;
line-height: 120px;
text-align: center;
margin: 0 15px 15px 0;
}