Niki Brown
@nikibrown.bsky.social
I mash my fists on a keyboard and sometimes that turns into code.
Reposted by Niki Brown
Reposted by Niki Brown
#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
❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px
✅ DO 😼 (1 declaration, not 6)
inset: -8px
#CSS
August 24, 2024 at 9:35 PM
#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
❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px
✅ DO 😼 (1 declaration, not 6)
inset: -8px
#CSS
Reposted by Niki Brown
Why can't we just automate it??? 🤡🎪🤡
December 3, 2024 at 11:43 PM
Why can't we just automate it??? 🤡🎪🤡
ooo scroll snapping with no JS. Just CSS! www.instagram.com/reel/DCrpAGl...
Login • Instagram
Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.
www.instagram.com
November 25, 2024 at 8:49 PM
ooo scroll snapping with no JS. Just CSS! www.instagram.com/reel/DCrpAGl...