Design comparison
Community feedback
- @correlucasPosted over 2 years ago
Hello Evi, congratulations for your solution!
You did a really good work here, the hardest thing you've done that's the double circle background.
My advice for you is:
1.Fix the background-image that disappears in the mobile version.
2.Give some
max-width
to the container in order to allow it to be responsive, currently your card behave like a block and doesn't resize properly.3.Instead of using position relative to position the profile image between two div, just use a
negative margin
and the work is done quickly, see the code below:.profile { border-radius: 50%; border: 5px solid white; margin-top: -50px; /* left: 50%; */ /* transform: translate(0,50%); */ }
Hope it helps, happy coding!
0@EviteePosted over 2 years ago@correlucas Hi, Lucas, thank for your feedback, it was a real struggle with those background circles :) I will try to fix these problems as soon as I can.
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