В чем разница между display:flex и display:inline-flex?
Особенности inline- элементов:
- им можно задавать размеры, рамки и отступы, как и блочным элементам;
- их ширина по умолчанию зависит от содержания, а не растягивается на всю ширину контейнера;
- элементы в одной строке выравниваются вертикально подобно строчным элементам (verticacal-align)
css.yoksel.ru/flexbox - тут есть наглядное объяснение.