Skip to content
Submitted over 3 years ago

Profile card - HTML, SASS, BEM

Juan Bonilla•610
@juanpb96
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

Any comments will be appreciated!

If you share with me some suggestions on how to improve background images position, it would be perfect!

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Greetings, Juan Bonilla! 👋

    Good job on this challenge! 👏 The profile card looks pretty good! 👍

    I suggest playing around with viewport units to position the background images in this challenge, since that'll give you a chance to place the shapes so that they don't move around so much when the screen is resized. You can take a look at how I did that for this challenge here, if you'd like. 😉

    Keep coding (and happy coding, too)! 😁

    1
    Juan Bonilla•610
    @juanpb96Posted over 3 years ago

    Thanks for your comment!

    It's amazing your solution, I wonder on how you solved this challenge with those calculations. I will try to play around with the viewport.

    Happy coding!

    1

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