Как сделать такой список адаптивным?

Question

[kamisarlapsha]

Привет! Как можно сделать, чтобы такой список расширялся по длине и пункты переносились в следующий столбик. Должны переноситься если разрешение больше 1900px, то есть @media screen and (min-width: 1900px). Заранее спасибо!

1920px

меньше 1920px

Вот код этого меню

<ul>
                            <li class="categ-item--link"><a href="#0">Зеркала</a></li>
                            <li class="categ-item--link"><a href="#0">Кровати</a></li>
                            <li class="categ-item--link"><a href="#0">Кухни</a></li>
                            <li class="categ-item--link"><a href="#0">Для хранения</a></li>
                            <li class="categ-item--link"><a href="#0">Мягкая мебель</a></li>
                            <li class="categ-item--link"><a href="#0">Столы и столики</a></li>
                            <li class="categ-item--link"><a href="#0">Стулья</a></li>
                            <li class="categ-item--link"><a href="#0">Аксессуары</a></li>
                        </ul>

Answer 1

[Николай]

ul {
display: flex;
flex-wrap: wrap;
width: 100%
};
.categ-item--link {
flex: 0 0 calc(100%/3);
}
@media screen and (max-width: 1900px)
.categ-item--link {
flex: 0 0 calc(100%/2);
}