значение flex определяет контейнер как блочный элемент

значение inline-flex определяет контейнер как строчный элемент

В первом случае flex-контейнер растягивается по ширине страницы, а во втором случае занимает именно столько места, сколько необходимо для flex-элементов.