Submitted over 4 years ago

Profile card component with vanilla CSS

@cguttweb

A solution to the Profile card component challenge

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.

Code

Please log in to post a comment

Community feedback

Chloe•240
@cguttweb
Posted over 4 years ago
Absolute positioning of course thanks!
isimeri•250
@isimeri
Posted over 4 years ago
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!

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