Submitted over 1 year ago
Profile card using vanilla css js grid and flexbox
@KevinMA95
Design comparison
SolutionDesign
Solution retrospective
I still have trouble trying to position the background images correctly.
Any advice is welcome.
Community feedback
- @MelvinAguilarPosted over 1 year ago
Hello there 👋. Good job on completing the challenge !
Try this:
background-position: right 52vw bottom 35vh, left 48vw top 52vh;
With those values it worked for me, honestly it's trial and error to position the circles and with viewport units it adapts to other devices.
Happy coding!
Marked as helpful1@KevinMA95Posted over 1 year ago@MelvinAguilar I didn't think about using viewport units here but it makes sense. Thank you so much Melvin it worked perfectly.
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