border-radius

When you nest elements with border-radius, the inner element needs less radius than the outer element.

This is some classic advice on this, and a future-looking fix.

We typically think of border-radius in CSS as a way to round off corners making rectangles softer looking. Perhaps you know that you can control the four corners individually, or round them so much the element turns into a circle or oval. But border-radius can actually accept a pretty complex set of values, with multiple […]