Hi! Nice job solving this challenge! 👍
You're moving in the right direction with regards to positioning the background SVG images. You can add a numeric value in addition to keyword values like right
,top
,bottom
, etc. You'll end up with something like this: background-position: left 50vw top 40vh, right 46vw bottom 50vh;
. Try playing around with the numeric values until you get it to look the way you want it to look.
Also, it might seem a little counterintuitive to see the bottom image aligned to left and top, and the top image aligned right and bottom. But give it a try and you'll see that it should work fine this way on smaller screens too.
Hope this suggestion helped!
Marked as helpful
@Finney06
Posted
@msunji thanks for the feedback