border radius only for top code example
Example 1: css scaling border radius
// 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;
}
Example 2: border radius not working
// To whomever may have this issue. My problem was border-collapse. It was set to:
border-collapse: collapse;
// I set it to:
border-collapse: separate;