Как сделать чтобы список ul делился в 2 ряда в моб версии?

Question

[Gera11]

Есть список ul, с беспорядочным кол-вом li элементов, как в моб версии сделать так чтобы ровно половина Li элементов делилась на 2 ряда?
К примеру как это сделано на bootstrap только тут это просто ul вместо бутстраповских row и col
Вот тут пример - Там списки деляться на 2 столбца. Как такое сделать?
Вся проблема в том, что li элменты генерируются движком и я не могу вручную их разделить

Comments

[Александр]

деляться

без мягкого знака.

[lUser L]

Надеюсь ты ум*ешь ! рядом со мной ребенок сидел, когда я открыл ссылку

[Gera11]

🔥 Эмиль 👻, Рад за него, пускай взрослеет. Все равно рано или поздно будет пользоваться такими сайтами..

Answer 1

[Александр]

Вариант 1

ul {
    columns: 2;
}

Вариант 2

ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

Answer 2

[hzzzzl]

норм у тебя пример ^^
да там ничего не делится, тупо 25% на ширину блока

Answer 3

[vasMAran]

ul {
  font-size:0;
}
ul li {
  display:inline-block;
  width:50%;
  font-size:14px;
}