Чем отличается inline-flex от обычного display:flex?

Основное отличие свойств display:inline-flex и display:flex в CSS заключается в том, как flex-контейнер отображается на странице: itchief.ru skillbox.ru

• display:flex — контейнер ведёт себя как блочный элемент, занимая всю ширину родителя. itchief.ru
• display:inline-flex — контейнер ведёт себя как строчный элемент, занимая ровно столько места, сколько нужно для отображения его содержимого. itchief.ru

Таким образом, display:flex используют, когда нужен гибкий макет, который растягивается на всю ширину, а display:inline-flex — когда flex-контейнер должен вписываться в строчный поток, занимая минимально необходимое пространство. itchief.ru