Get Your Nested Border Radii Right!

Border Radius (z = 25px)

(0 – 50 px)

Padding (y = 15px)

(0 – 50 px)

x = z – y

x = 10px

Please keep in mind that this is only a guide; you may encounter situations where an adjustment is required to get the best result. It's okay to eyeball a value!

Original article by Joshua Hibbert