José Eduardo• 65
@joseeduardorp
Submitted
I couldn't keep the bottom circles fixed. Any tips?
Elisabeth L.
@MiaSinger
All comments
- Elisabeth L.• 105
@MiaSinger
Posted
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
