CSS wrong appearance of border-radius on a nested div

Question

Using the following HTML I need to:

• Make sure that the border of target div (pink) is adjacent of the wrapper-target red border di

Answer 1

You inherit the border-radius with a fixed value while the child element has other dimensions. Calculate the border in percent. Use border-radius:40%; on your wrapper.