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 using vanilla css

@paulcavery

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


Any Feedback on this project or the code would be greatly appreciated!

Community feedback

Adam 430

@aemann2

Posted

Hi Paul,

It looks like your card is sliding around a lot on mobile, which seems to be because of the way your images are set in the HTML. Because they have a set height / width in the container, they're actually taking up space even though you use absolute positioning. I had a similar problem with my code, and I solved it by taking the BG images out of my HTML and adding them as background-images to the body container.

0

@paulcavery

Posted

@aemann2 Thank you for that! I will give that a try!

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