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 using html and css

@ble-syn

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'd really love a feedback

Community feedback

Arturo Simon 1,785

@artimys

Posted

Nice work Blessing Peter. I'll leave some feedback below. Hope it helps.

  • The 2 background images are tricky. An easier solution I highly suggest is using multiple background images. Link here for more info

To improve on your current background solution because they are position: relative they are part of the flow of elements and is possible that it makes your content wider than the viewport (browser screen). You can try position: fixed and play with positioning using left, right, top, and bottom.

  • The <font> tag is old and obsolete. Instead use <span> as a replacement. For this tag I would recommend the <small> tag.

Keep on coding!! 👍

0

@ble-syn

Posted

thanks a lot, corrections have been made

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