Див занимает слишком много блочного места, как сделать, чтобы занимал ровно столько сколько содержимого?

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

Див занимает слишком много блочного места, как сделать, чтобы занимал ровно столько сколько содержимого?

Хорошо, спасибо за ответ и советы, совсем не давно начал заниматься этим, поэтому как-то так)