Как я могу получить 3 деления в одной строке? Flex не работает

Question

Я пытаюсь поставить все 3 деления рядом друг с другом, но этого не происходит. Я хочу выровнять их в один ряд и иметь одинаковый интервал между ними.
Дисплей Flex не работает.
Есть идеи, почему он не работает и как я могу получить все 3 деления в одной строке?

.package{
	border: solid 1px black;
	display: flex;
	flex-flow: row wrap;
	height: 500px;
	width: 380px;
	text-align: center;
}

<h2 class="packages">PACKAGES</h2>
    <div class="package">
    
    </div>
    <div class="package">
    
    </div>
    <div class="package">
    
    </div>

HTML КОД

<h2 class="packages">PACKAGES</h2>
            <div class="package">

            </div>
            <div class="package">

            </div>
            <div class="package">

            </div>

CSS КОД

.package{
border: solid 1px black;
display: flex;
flex-flow: row wrap;
height: 500px;
width: 380px;
text-align: center;

}

ВЫХОД

Answer 1

Ваш контейнер должен отображаться Flex. Вот так:

.package-container {
  display: flex;
  flex-flow: row wrap;
}

.package {
  border: solid 1px black;
  height: 500px;
  width: 380px;
  text-align: center;
}

<h2 class="packages">PACKAGES</h2>
<div class="package-container">
  <div class="package">1</div>
  <div class="package">2</div>
  <div class="package">3</div>
</div>