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

Matt 10

@Zoooooomy2

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


I think there must have been a better way to do the background images, as they don't stay in the correct position when screen size is changed.. any feedback please?

Community feedback

Nikolas 190

@Niko0918

Posted

You should create img with position absolute. Then "top:--px; bottom:--px". Look my solution

0
Tereza 605

@sirriah

Posted

Wow, pretty good! Circles on background: I put them into the css as multiple background like you, but I used calc function in background position. Look at my solution of these circles. But I see that many other users used the ::before and ::after, which is maybe easier solution. Nice work! 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