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 - HTML CSS

P

@IvanDodig

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


This is my first project on a frontend mentor. I couldn't figure out how to position the circles in the background, any feedback is welcome.

Community feedback

Ayoub1Dev 195

@Ayoub1dev

Posted

Great job @IvanDodig i have also just started on front mentor and i have just uploaded my challenge. I have used just HTML and CSS so make sure to check my code because you will understand how to use the background-image property and the background-position property. Good luck and lets continue the journey together. :-}

1

P

@IvanDodig

Posted

@Ayoub1dev Thank you, your solution helps me a lot. Looking forward to new challenges.

0
Web Frog 1,840

@MasterDev333

Posted

Congratulations @IvanDodig. Great work so far. It's a little tricky to drawing background circles in this challenge, but don't worry. You can do it using background-image or pseudo elements. You may check on my solution if you want. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG Hope it helps. Happy coding~ :)

1

P

@IvanDodig

Posted

@MasterDev333 Thank you for the reply, your advice is useful. Have a nice day :)

0
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, Ivan Dodig! 👋

Just wanted to say congratulations on completing your first Frontend Mentor challenge! 🎉 Good work on this one! 👍

All you have to do is add the background SVG circles from the original design (as the others have helpfully suggested), I think you'll be good to go! 😉

Keep coding (and happy coding, too)! 😁

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