Вы знаете о псевдоэлементе ::marker. Более чем вероятно, что вы баловались с кастомными счетчиками, используя counter-reset и counter-increment. А может быть, вы просто стираете стиль списка (осторожно!) и вручную ставите маркер на ::before псевдоэлемента списка.

Я думаю, я попробовал все неправильные способы, как можно это реализовать, и дальше расскажу про свой опыт.

В веб-дизайны сетки, как в Pinterest уже давно не являются чем-то новым. Но что, если нужно сделать блоки различной высоты, при этом чтобы верстка была резиновой. Оказывается, это можно сделать, используя только стандартные возможности CSS Grid Layout.

Давайте анимируем CSS переменные! Это мощный способ применения CSS анимации, которая в противном случае была бы утомительной или непрактичной.