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

BreinerJT 530

@BreinerJT

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


Any feedback is welcome!

Community feedback

@RajSanjel

Posted

Hey it looks good but looks like you haven't added background img. You can add background img by using background-image:url('url-to-img'); property. and set background-repeat:no-repeat; after that you can position it by background-position:[top,bottom,left,right,center]; you can give two position too by background-position:top right;. Learn more by clicking here

Marked as helpful

0

BreinerJT 530

@BreinerJT

Posted

@RajSanjel I actually added it but for some reason it's not showing, you can check the css file in the code. If you know the reason I would really appreciate if you tell me.

0

@RajSanjel

Posted

@BreinerJT Sure wait a sec.

0

@RajSanjel

Posted

@BreinerJT You used background-image: url(/images/bg-pattern-top.svg), url(/images/bg-pattern-bottom.svg); try background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);

Marked as helpful

0
BreinerJT 530

@BreinerJT

Posted

@RajSanjel Thank you very much, looks like it worked.

0

@RajSanjel

Posted

@BreinerJT You are welcome

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