← Back

How to nested border radius

My take on the interactive demo

dev

When creating nested elements with border radius, the inner radius should be adjusted to maintain a visually balanced shape. A basic formula is: inner radius = outer radius minus the padding (the gap between the inner and outer element).

Inner radius=Outer radius-Padding
Radius36px
Padding12px
36px
12px
24px
Published At17 Jun 2025
Modified AtNever
Tags
#dev#design
Writing by Rizal Renaldi on How to nested border radius My take on the interactive demo
A30
JKT
ID

The Blog of Rizal Renaldi

2026 © rizalrenaldi.com — Made with 🖖