Skip to content
Submitted over 2 years ago

PROFILE CARD COMPONENT MAIN

Yous•170
@yousra10
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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

  • Ayyoub Hamame•120
    @BouyyahPosted over 2 years ago

    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
    @yousra10Posted over 2 years ago

    @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

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