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

Responsive Profile card component

Joshua 130

@dyntbn

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


Making the background spheres look similar to the design was a challenge! I tried a bunch of ways of positioning both images and ultimately went with the best approach I could think of. I used a combination of vw, vh and % and that made it easier for me to understand the positioning.

I was hoping to get a lot closer to the design for the background spheres, curious to know what methods you used to simplify the process for you.

Community feedback

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