My Profile Card Component Solution

Hi Alexandria,

Good Work! Try using background-image and background-position next time.

here's some code to help with that

background-image: url(../images/bg-pattern-top.svg), url(../images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: bottom -55% right 49vw, top -90% left 42vw;

This should do the trick.

Overall good work !

Hey there, For the background svgs the code below will do just fine.

• background-image: url(images/bg-pattern-top.svg),url(images/bg-pattern-bottom.svg);
• background-repeat: no-repeat;
• background-position: right 48vw bottom 40vh, left 42vw top 50vh;

Try it out and lmk 👍

Just use the ::before and ::after and position them.

👋Hi Alexandria! My name is Vanza!

👍 Nice work on completing this challenge! I agree with you that, the positioning of this background is hard and also tricky. When I did this challenge, I went to GitHub and searched for the right background-position, then copy and paste it😌.

I see your CSS on background-position that you commented out, my question is why are you doing that? I think that's a good way to position it.

That's it! Happy coding!