Different border-radius in different field. Is it a good practice? [closed]

1. What is the difference between border-radius 50% and 100%?
2. What to do if border-radius is not working?

What is the difference between border-radius 50% and 100%?

100% rounds 100% of each edge, 50% only 50% of each edge. If the corner is to be rounded by a radius that is too large for any given edge, then the effective radius will be smaller.

What to do if border-radius is not working?

If there are contents within the div that has the curved corners, you have to set overflow: hidden because otherwise the child div's overflow can give the impression that the border-radius isn't working.