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

Yous 170

@yousra10

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


Hello,

I didn't know how to put in background the background bottom image.

Thank you in advance for your help.

Best regards.

Community feedback

@Bouyyah

Posted

Hello!

The solution i did for that problemo is css position, i gave the container of the background images a position:relative and for the images position:absolute. then for the top image i changed the bottom/right properties, for the bottom one i changed the top/left ones.

You can check how i did it in my repo here : https://github.com/Bouyyah/Profile-card/blob/main/scss/main.scss

Good luck.

0

Yous 170

@yousra10

Posted

@Bouyyah Hi Ayyoub, thank you for taking time to see my code. I don't know why my website didn't show up as when I see it in my computer. Thank you in advance for your help ! Best regards!!

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