Design comparison
SolutionDesign
Solution retrospective
Corner border part kinda tricky to me, anyone have solution for this ? All feedback is appreciated!
Community feedback
- @ratul0407Posted over 1 year ago
Hello there and congratulations on completing the challenge🎉🎉
There are quite a few ways to implement the border radius part Here's how you can do it
- Since you have set the border radius of the parent container to 2rem you can just do this
.container { border-radius: 2rem; overflow:hidden; }
or,
2 you can do this instead on your result container
.result-container { border-radius: 2rem 0 0 2rem; }
It works this way
border-radius: top left(2rem) top right(0) bottom left(0) bottom right(2rem)
I hope you find it useful✔✔
Have a nice day :D
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