Thatโs why I love details.
Want an easy way to recreate it in code?
.inner {
border-radius: calc(var(--outer-radius) - var(--padding));
}
Outer radius: 24px
Padding: 8px
Inner radius: 24 - 8 = 16px
Tiny detail. Huge difference.
Thatโs how you build great products.
Developers, here's the best resource I've found today.
Check out Hyperplexed.
It teaches you how to recreate UI effects, animations & interactions all with follow-along tutorials.
Great for leveling up your frontend skills and your eye for polished web design.