Design comparison
Solution retrospective
I´d like to read your feedback to improve my skills,
Community feedback
- @Dante1704Posted over 2 years ago
Hello HualDev! I can help you with the curved image which is the main problem I think you struggled with. As you can see, there is a gap between the footer and the image in every size. I think the problem might be that the ::after was made from an insider section rather than the main section itself. Why don't you try creating the ::after from the main section? Perhaps, that might work out. If that solution doesn't work, I leave you my own solution here so you can implement it into your code. main { padding: 60px 30px 150px 30px; display: flex; flex-direction: column; align-items: center; background-image: url(./images/bg-footer-top-mobile.svg); background-position: bottom; background-repeat: no-repeat; background-size: contain; } Best regards from Argentina! Dante.
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