All comments

• 

  José Eduardo•65

  @joseeduardorpSubmitted almost 4 years ago

  I couldn't keep the bottom circles fixed. Any tips?

  

  Profile card component using HTML5 and CSS3

  3

  10
  

  Elisabeth L.•105

  @MiaSingerPosted almost 4 years ago

  Hey, I had the same issue and the comment from this post here was very helpful: https://www.frontendmentor.io/solutions/profile-card-component-using-html-and-css-2vDELrQBk

  so I solved it in a similar way: background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg"); background-repeat: no-repeat, no-repeat; background-color: hsl(185, 75%, 39%); background-position: right 50vw bottom 36vh, left 50vw top 40vh;

  it helped me to have a look at the docs of background-position and play around a little: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

  1

  This comment has received 1 replyShow