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

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

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