Для преобразования элемента во флекс-контейнер к нему применяется свойство display со значением flex или inline-flex. Последнее значение делает контейнер строчно-блочным и превращает его дочерние элементы во флекс-элементы.
Строчно-блочные элементы занимают ширину и высоту согласно их содержимому.
.container {
display: inline-flex;
}
.flex-container {
background-color: #d63138;
}
li {
color: #fff;
padding: 1em;
}