Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
There are little borders, especially in corner of my boxes and I dont know how to fix them
Community feedback
- @GenildocsPosted 3 months ago
Here is the translation to English:
Hello, congratulations on completing the challenge. Regarding the borders, try increasing the border-radius of the
.box
div and removing the overflow property.body section .box { border-radius: 20px; width: 255px; position: relative; /* overflow: hidden; */ display: flex; flex-direction: column; justify-content: flex-end; }
I tested it here, and it worked. You’ll just need to position the image by adjusting the top value.
Marked as helpful0
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