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

@chanduKunche

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


I was not able to set the two background images as per the given design. Please share your tips and thoughts so that I can improve my design .

Thank you.

Community feedback

@DomilsonFirmino

Posted

To set my image, I used the background-position property to manually set them in the top left corner and bottom right corner with lengths. It still break when resizing but that is my solution

Marked as helpful

0

@Hamid210545

Posted

Hello...... You have done an amazing job.... although your background images is not positioned properly... its not a big deal ....... first of all you have to give certain width to these background images . You have to give (position: relative) to the parent div and give the background images (position: absolute) and then give top, left to one image and bottom right to another image... thats how your problem will be solved ..... check out my solution for that...... Thanks !

Marked as helpful

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