Gio Cura• 650
@GioCura
Posted
Hi 👋 For positioning the background circles, I implemented them both as a background-image to the <body> like so:
body {
background-image: url(images/bg-pattern-top.svg), url(images/bg-pattern-bottom.svg);
background-position: right 45vw bottom 45vh, left 45vw top 45vh;
background-repeat: no-repeat, no-repeat;
}
Using viewport units vh and vw in background-position helps keep the two circles aligned with the card as the viewport expands and shrinks.
I'm afraid I don't have an article or video that I can refer to you, but I hope my advice helps!
Marked as helpful
1
Kyle Kasprzyk• 260
@kylekasprzyk
Posted
👋 @GioCura,
Thank you for the help!
0
