Skip to content
Submitted about 4 years ago

Profile card component - HTML/SASS

Rayane•1,935
@RayaneBengaoui
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 everyone !

I'd like to get a feedback on how to position correctly background images. Here I tried to play with background-position and background-size but I can't get a good render and the code is not very clean too. So I guess there is a simpler/better way to achieve it ?

Thank you and happy coding ! :)

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Hi, Enayar! 👋

    Nice job on this brand new challenge! 👍

    I haven't actually completed this challenge yet, so while I might not be able to tell you exactly how to position the background images to match the original design perfectly, I might suggest giving the width and height of the background equal values so that they scale uniformly when the screen is resized. Your solution still looks good, though! 😉

    Keep coding (and happy coding, too)! 😁

    2
    Rayane•1,935
    @RayaneBengaouiPosted about 4 years ago

    @ApplePieGiraffe Thank you for the advice ! :)

    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