Как сломать линию в гибком макете?

У меня есть мой первый, второй и третий элементы, а затем я хочу, чтобы четвертый элемент переходил к следующей строке, независимо от того, насколько широким является пространство.

.box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.it {
  max-width: 420px;
}

<div class="box">
  <div class="it">1</div>
  <div class="it">2</div>
  <div class="it">3</div>
  <div class="it">4</div>
</div>

Ответ 1