Design comparison
Solution retrospective
This is my second challenge. I tried my best. What do u consider I could do better? Give me some tips to keep improving. Have a nice day :)
Community feedback
- @correlucasPosted about 2 years ago
πΎHello ANDRES GUEVARA, congratulations for your new solution!
I saw that you've used
position: absolute
to make the image stay between the two divs. Its kinda tricky to manage the profile image usingposition: absolute
because you'll have less control over the image.margin-top: -50px;
My tip for you is to use a negative margin to change the photo position, is really easier, you write less code and have more control.
See the code changes below:
.card-main-info__img { /* position: absolute; */ /* top: -32%; */ border: 5px solid white; border-radius: 50%; margin-top: -50px; }
π I hope this helps you and happy coding!
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