Definição de altura quando utilizado flex

Oii Denis!

Por padrão o flex-box vai definir a altura das colunas de acordo com o tamanho conteúdo dentro dela, e a largura vai variar dependendo da quantidade de itens dentro do elemento com o flex. Por exemplo, para criar 5 colunas:

<section class="flex">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
</section>

Agora se vc quiser criar 3 colunas e 2 linhas vc pode usar a propriedade flex-wrap, e definir uma largura para os elemento dentro:

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex p {
    width: 33.3%
}

<section class="flex">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
    <p>6</p>
</section>

Se vc quiser definir uma altura para as colunas vc também pode, porem em alguns navegadores isso dá problema (no Safari por exemplo)

.flex p {
    height: 100px;
    width: 33.3%
}

Ajudei? :)

Bons estudos!!