Перенос на новую строку

[Dzoom]

Здравствуйте, практикуюсь в написании сайтов, возникла проблема.
Вывожу посты из базы данных, всё в норме:

Спойлер: Картинка

Пожалуйста, авторизуйтесь для просмотра ссылки.

Но при создании пятого поста, он не переносится на новую строку, а выходит за границы экрана:

Спойлер: Картинка

Пожалуйста, авторизуйтесь для просмотра ссылки.

<div class="allshop">
<?php foreach ($posts as $post):?>
<a id="sell" href="full.php?id=<?=$post['id']?>">
<div class="container">
    <div class="picture">
        <img src="<?=$post['img1']?>" alt="">
    </div>
    <div class="title">
        <p><?=$post['title']?></p>
    </div>
</div>
</a>
<?php endforeach; ?>

.allshop
{
    display: flex;
    max-width: 1920px;
    max-height: 10000px;
}

#sell
{
    width: 365.81px;
    margin-left: 90px;
}

.container
{
    position: relative;
    margin-top: 30px;
    width: 365.81px;
}

.picture
{
    width: 365.81px;
    height: 365.81px;
}

.title
{
    padding-left: 75px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid black;
}

 

[unknown1]

Так во флексе существует тег - flex-wrap: #;
Покрути ползунок по значениям.
И все будет переноситься.

.allshop{
flex-wrap: wrap;
}