Как вывести php код в строку с помощью flexbox?

Question

[Яков Герман]

Не могу вывести в строку айтемы с переносом на другую
пишу код

<?php foreach ($latestProducts as $product): ?> 
               <div class="container-flex"> 
                <div class="item"> 


                    <h2><?php echo $product['id'];?></h2> 
                    <p> 
                        <a href="/product/<?php echo $product['id'];?>"> 
                        <?php echo $product['name'];?> 
                        </a> 
                    </p> 
                    <a href="#"">Посмотреть</a> 
                </div>
            <?php endforeach;?> 
        </div>

и

.container-flex {
min-height: 400px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
}

.item {
flex: 0 0 0;
margin: 5px;
}

выдает вот такое
понятия не имею в чем ошибка.