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

Carlos H.ā€¢ 90

@KrossBR

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


One more solution šŸ˜

Personally, I confess that in this challenge I had a lot of difficulty to set the background according to the reference.

Could anyone give me a hint?

I thank you for your help!

Community feedback

Hadizaā€¢ 200

@Thedeezat

Posted

Hey CARLOS šŸ‘‹

I also had issues with the images when i did this project šŸ˜… i suggest for the images in the background you should try out something like this

  background-image: 
    url('images/bg-pattern-top.svg'),
    url('images/bg-pattern-bottom.svg');

You can also add background-position to position it, and background-size to scale it, makes it way easier to use these.

Well, nice work on this project. I hope you find this helpful.

Marked as helpful

1

Carlos H.ā€¢ 90

@KrossBR

Posted

@Thedeezat Great tip my friend, I'll use it in the next challenges without a doubt!

Thank you for your help šŸ˜Š

0
Hadizaā€¢ 200

@Thedeezat

Posted

@KrossBR You're welcome šŸ˜„

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