CSS item flex nao tem seu width

[WilliamNascimento]

meu overflow-x nao funciona o items ficam diminuindo tamanho e se apertando para adequar o , mas caso eu coloque overflow y eles com directin column eles correm;.

 

.tt{
    height: 130px;
    background-color: black;
    width: 200px;
    margin-left:10px;
 
}
.teste{
    display:flex;
    flex-direction: row;
    width: 300px;
    background-color: green;
    height: 300px;
    position: relative;
    overflow-x: scroll;
}

<section class = "postagems">
                <section class = "teste">
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                  <div class = 'tt'></div>
                </section>
            </section>

 

[WilliamNascimento]

up

[lucio_jorge]

Opa, coloca o flex-wrap: nowrap

[Adriano_web]

@WilliamNascimento

 

Use flex-wrap: wrap; ou flex-flow: row wrap; para quebrar a linha e poder despeçar uniformemente os items.