Check out example codes for "css scaling border radius". It will help you in understanding the concepts better.

Code Example 1

// to scale a border-radius based upon the element size it is nested in. (rounded corners)
// simply change the vw number from .1 to 10 or whatever to change the amount of curve.
#box1 {
  border-radius: 2vw;

Learn ReactJs, React Native from