Submitted almost 4 years ago
Challenge - Profile card component done by using Flexbox
@antoinerame
Design comparison
SolutionDesign
Solution retrospective
Hi, Thank you for reading my code ! Do I use too much div ? Antoine
Community feedback
- @jesus0107Posted almost 4 years ago
Hi, first of all, my english is not very good, sorry :(
You can add a max widht to your card class that is equal to 375 to prevent it from continuing to grow at breakpoints.
To the card-top class, you add position relative.
to the image class you add absolute position with values top: 92px and in left: calc (50% - 53px). In this way the image will always be positioned in the center of the card.
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