Как подогнать размер flexbox'a (с flex-flow: wrap) под его содержимое?

Question

[YariKartoshe4ka]

Пытаюсь подогнать размер флексбокса под его содержимое, т.е. чтобы ширина container2 был равна не ширине container1, а ширине содержимого (item). Пробовал поставить width: fit-content, но почему-то оно не оказывает никакого вляния. Тестовая верстка: тык.

UPD: если увеличить container1 до 1000px, item должны быть в строчку

Answer 1

[SuperToster]

.container1 {
  display: flex;
  justify-content: center;
  width: 500px;
  border: 4px dashed violet;
}

.container2 {  
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  text-align: center;
  background-color: red;
}

Answer 2

[Kentavr16]

width:min-content
Это еслирешать задачу по твоим вводным.