/* ❌ DON'T (this is overly complicated for 2024) */ ::after { width: 100%; height: 100%; top: 50%; left: 50%; translate: -50% -50%; padding: 8px } /* ✅ DO (exact same result, 1 declaration instead of 6) */ ::after { inset: -8px }

#tinyCSStip As I just saw this in a '24 tutorial to make an absolutely positioned pseudo extend `8px` outside its parent in all directions.

❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px

✅ DO 😼 (1 declaration, not 6)
inset: -8px

#CSS

💪💪💪

👏

If they give you a look just whack them in the knee lol

Image of the "is this a pigeon" meme. The meme format is a man from an anime gesturing to a butterfly and asking if it's a pigeon. The joke is he's seeing something that's clearly one thing but incorrectly interpreting it as another. This version of the meme labels the man as "tech bros", he gestures to the butterfly labelled "bad auto generated all texts" and he states "is this accessibility?".

Why can't we just automate it??? 🤡🎪🤡

Time functions differently on the interwebs. lol

ooo scroll snapping with no JS. Just CSS! www.instagram.com/reel/DCrpAGl...

Yep! Hoping this turns out to be kinda like ye olden twitter design / dev days lol.

Hello world!