Skip to content
Submitted almost 3 years ago

profile-card-component

Brandon•60
@walker861
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! Any feedback would be much appreciated. I had some difficulty with placing the background images but I think they turned out ok. If there is an easier way to accomplish the positioning, I'm open to hearing about it. Thanks again for any feedback to help me continue refining my skills!

Community feedback

  • Han•340
    @hcxwebPosted almost 3 years ago

    Hello Brandon, For the background images, try: background-image: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg"); background-position: right 50vw bottom 40vh, left 50vw top 50vh; background-repeat: no-repeat;

    Marked as helpful
    1
    Brandon•60
    @walker861Posted almost 3 years ago

    @hcxweb brilliant. I don’t know why I didn’t think about viewport units. That makes so much sense. I was really fighting with the layout using ems / rems.

    0
    Han•340
    @hcxwebPosted almost 3 years ago

    @walker861 I struggled with it very much and didn't know better. The community really helped me solve it:)

    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