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

Profile Card Component

P
Nelson Bernardβ€’ 160

@nelsonbernard

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


It took a while for me to figure out how to do multiple background images on the body. Still not sure I did it correctly with the positioning but it feels pretty close.

Community feedback

Ferβ€’ 3,970

@fernandolapaz

Posted

Hi πŸ‘‹, regarding your comment:

  • I think that this is a good way to do it. But as a little tip if you allow me, the design images seem to be at their original size, so perhaps the problem was applying background-size: cover (which makes them enlarge).

I hope it’s useful : )

Regards,

1

P
Nelson Bernardβ€’ 160

@nelsonbernard

Posted

@fernandolapaz that could very well be it. I tried both cover and contain and neither looked exactly right. But maybe I should have left it off altogether. Thanks for the feedback!

0

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