@Dev-MV6
Posted
Hi Katherine 👋, congrats on completing this challenge!
The reason you are not seeing any visual changes when you set the border-radius
property to the main container is that when you set a border-radius
to a container and its children have a background, that background overflows the parent element's box. Therefore, what you end up seeing are the corners of the children elements' box.
To solve this, you can simply add the CSS overflow
property with a value of hidden
to your .content-wrapper
. This will instruct the browser to hide any overflow in the box of the element:
.content-wrapper {
overflow: hidden;
}
I hope you find this useful 👍
Marked as helpful
@KatherineMarlo
Posted
This is so helpful. Thank you so much. 😊 @Dev-MV6