don't sleep on using CSS counters for counting your content 👨‍🍳 section::before { content: counters(section,'',pad)'.'counters(content,'',pad) } /* 01.04 */ @​counter-style pad { system: extends decimal; pad: 2 '0'; } check it! 👇

this is kinda hard to get a video of so might be worth a little breakdown demo 🤔 but using CSS to count your content means you don't have to bake numbered headings into your content swap the content order? no issue pad the numbers? no problem, use a counter style 🤙

had some questions about this one so made a breakdown demo 🤙 should help explain things 🧑‍🍳

As seen on Shark Tank: Never lift your heavy mattress to change sheets. Use this headband that wraps around your bed.

I always suspected you could do some crazy ish with counters but never really dug into it.

gonna spin up a clearer demo because I realise this is quite hard to follow 😅

Clean.

this slaps. when everyone is going very like rounded i like the sharp edges and the 1 in the corner. looks dope

I understand nothing 🤣 wtf is that css property 😱

jus' built a new demo to help explain it 🙏

This is so crazy that I have literally never seen this feature before And it's baseline!