Profile Picture Upload semicircle Input
https://codepen.io/ahmd_shajmeer/pen/GgRprYM
I was trying to achieve the design from the image for user profile upload input , but the upload-btn is not getting the semicircle shape that matches with profile container radius.

3 Replies
instead of messing with the border-radius you should leverage the power of
overflow: hidden;
https://codepen.io/MannixMD/pen/raNOyBaI also used grid to stack them on top of each other instead of positioning
thanks