How Do i approach this border
you can see it has a weird border any ideas how can i make that?
4 Replies
this tends to be referred to as "border-radius bleed". It happens when you have a parent and a child element with the same
border-radius. Because of the way browser do ani-aliasing the round corners don't line up perfectly: https://codepen.io/jsnkuhn/pen/wvVgXYOty for explaining
i thought its part of the design
it might be intentional? Not sure. But most people ask how to get rid of that instead of how to do it. Explanation is the same either way