Как сделать border, зависящий от ширины контента?

Question

[Ivanushka255]

Я хочу сделать так, чтоб бордер блока принимал те размеры, которые имеет блок, а размеры блока в свою очередь зависят от его содержимого. Это может легко получиться, если задать бордер блоку с текстом с width: auto. Но у меня вот что:

То есть все фото должны быть в бордере. И так все ок, но когда я уменьшаю окно браузера, бордер почему-то снова идет на ширину всей области просмотра.

Код:

Answer 1

[Роман Якимчук]

Интересный случай, по идее всё должно работать.
Если добавить родителю (.wrapper) свойство white-space: break-spaces, то всё работает, но почему, не понятно.

Answer 2

[Odisseya]

Задайте для .wrapper width: min-content;

fit-content работает так — если родительский элемент может предоставить текущему элементу значение ширины больше чем max-content, то fit-content = max-content.