Design comparison
Solution retrospective
The issue I had with this project had to do with the border-radius for the card. The border-radius only showed when I used the 'Overflow:hidden' property. How would I solve an issue like this if I encounter it again?
Community feedback
- @jucajulian0907Posted over 2 years ago
Hello Allys! Congratulations on finishing the challenge. It is very curious, I have not discovered why this happens, but if you place the border individually to the elements, for example:
.img { border-top-left-radius: border-top-right-radius: }
and
section { border-bottom-left-radius: border-bottom-right-radius: }
That's how it works strangely. It is a lot of code but it is an alternative, maybe it will be of some use to you. Good luck!
Marked as helpful0@allyskorsahPosted over 2 years ago@jucajulian0907 thank you for your suggestion, I'll try it out. 😊
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