Submitted over 4 years ago

Profile Card Using Absolute Positioning

LB•35

@laarnib

A solution to the Profile card component challenge

Solution retrospective

I'm a beginner with CSS and would appreciate any feedback on my solution. I had a hard time with CSS positioning specifically with the background images and couldn't position my card in the center without it affecting the background. I ended up using an absolute position, which didn't work. What's the best way to show only a part of multiple background images and position them responsively on any device without being affected by other elements of the page? Thank you.

Code

Please log in to post a comment

Community feedback

Web Frog•1,840
@MasterDev333
Posted over 4 years ago
Congratulations @LB! You've finished your first challenge. As you said, in this challenge positioning background circles are little tricky. You may use background-image or pseudo elements for this. It would be great if you make it fully responsive later time. Here's my solution if you'd like to check. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG Hope it helps. Happy learning~ :)

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