Проблема с переносом строк column-count в CSS

Бывает вы хотите чтобы список выводился в несколько колонок. Для этого обычно используется ul li со стилем column-count: 3;

Но появляется проблема, что последняя строчка становится первой во втором столбике либо наоборот

ЕСТЬ РЕШЕНИЕ! Добавьте к стилям li следующее

break-inside: avoid-column;