Как перенести элемент на новую строку при помощи flexbox?

Question

[test-cats]

Есть список. Элементы списка содержат в себе какие-то элементы. Как сделать при помощи flexbox так, чтобы при уменьшении экрана монитора элементы адаптировались под экран?

<ul>
   <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

ul {
display:flex;
}
ul li {
background: red;
text-decoration: none;
align-items: center;
}

Всем спасибо

Answer 1

[Andrew]

ul {
display:flex;
flex-wrap:wrap;
}