Как перенести элемент на новую строчку с flex-box?

Question

[Sanzhar Bazarbek]

Добрый день! Есть такой flex-ряд состоящий из 6-ти элементов.
Как после 3-ей перенести на новую строчку?

<div class="dayMenu" id="menu">
    <div class="menuItem">
        <div class="menuName">Завтрак</div>
    </div>

    <div class="menuItem">
        <div class="menuName">Перекус</div>
    </div>
</div>

.dayMenu {
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    text-align: center;
}

Answer 1

[natoje-zlo]

задать menuItem размеры 33.33333333%

Comments

[Sanzhar Bazarbek]

Не сработало :(

[natoje-zlo]

Sanzhar Bazarbek, ссылку дайте
не может быть

[Sanzhar Bazarbek]

natoje-zlo, https://jsfiddle.net/frt6eLby/4/

[inkShio]

Sanzhar Bazarbek, добавь еще в .dayMenu flex-wrap: wrap;