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-main

@gomes-leonardo

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


Guys, I hope you're doing well! In this challenge I couldn't fulfill the background image, someone to help me? Other than that, I completed the challenge

Community feedback

Sinisa Vukmirovic• 1,690

@SinisaVukmirovic

Posted

Hello!

About the background circles... Check out CSS multiple backgrounds

You can set multiple images for background image. Multiple positions for each image.

Check it out, try it, hope this helps you with you issue. Good luck!

0

@Aikaykalu17

Posted

-To get the desired background

You can use the background-position Set it to left and right then adjust until you get the desired background

0
Hesam• 420

@hesam-fattahi

Posted

Hey there 👋 Nice work!

  • For the circles on the background, you can put the two img elements outside the card component and use absolute positioning.

  • Also, the card component should be a main element. Using div is bad practice.

Happy coding :)

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