Design comparison
Solution retrospective
I have a doubt regarding the bottom circle which is overflowing can anyone have any advice for it?
Community feedback
- @FarisPalayiPosted over 3 years ago
You can use the
z-index
property to stack things. Set thez-index
to 1or higher on the .card element, and it will stack on top. You can read more aboutz-index
on MDN0 - @sirriahPosted over 3 years ago
Hello, the problem with the bottom circle is that it has not set the z-index. So the browser doesn't know, which element should be on top.
But instead of setting this, try to add these two circles into the ::before and ::after selectors. These images are not the part of the content they are only a background, so you can put them into the css.
Happy coding!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord