Rounding the corners of containers

Hi Guys,

I’m looking to create a header image that has rounded corners. I’ve been trying to set border radius, but it doesn’t show. There’s a quick stack in there with a few elements, I’ve tried to set that border radius, put it all in a div, and nothing seems to work.

I can set the border radius on the image, but that seems to round all of them, not just the two on the right I’m after.

Would anyone know the solution to this?

Thank you in advance.

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

Hi there!

Try setting overflow: hidden combined with the border radius.

Wow, that worked! Thank you so much for such a quick response.

1 Like