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 with vanilla CSS

Chloe 240

@cguttweb

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've done using plain CSS because I don't write enough of it these days. The issue for me was the background images how do I position to the two separate images? Any suggestions appreciated.

Community feedback

Chloe 240

@cguttweb

Posted

Absolute positioning of course thanks!

0
isimeri 250

@isimeri

Posted

Hey there. Don't use those svg images as background-image. Rather place them in <img> tags inside your html and use position: absolute and the top, left, bottom, right properties to position them. Cheers!

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