Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Challenge - Profile card component done by using Flexbox

Antoine 100

@antoinerame

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, Thank you for reading my code ! Do I use too much div ? Antoine

Community feedback

Rogelio 45

@rogedev

Posted

This comment was deleted

1

Antoine 100

@antoinerame

Posted

@rogedev rip, not for me

0

@jesus0107

Posted

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

Antoine 100

@antoinerame

Posted

@jesus0107 thanks you !

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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