Design comparison
Solution retrospective
Any feedback is welcome! 😊
Community feedback
- @RenszCamachoPosted almost 4 years ago
Hello 👋🏻 Ayya. Well done my friend 👏👏👏. You have done a fantastic job on this challenge, place properly the background image is quite tricky.
Just I few suggestions in my humble newbie opinion. 😊
If I have to center the card. IMO, it's much easier to use 'flex-box' rather than position absolutes.
the background-images, I would place it in a wrapper or in your body, like so:
background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-repeat: no-repeat, no-repeat; background-position: right 52vw bottom 38vh, left 49vw top 51vh;
Hopefully, it helps.
Happy Coding 🧑💻
1
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