profile-card

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have a suggestion regarding your code that I believe will be of great interest to you.

BACKGROUND iMAGE 📸:

• Looks like the background images has not properly been set as per the design, fortunately we can place the both svg's perfectly.

• So let me share my css snippet which helps you to easily apply the background color with the background svg they provided to place perfectly as same as design.

• Add the following style rule to your css, after completing these steps you can experience the changes.

body {
  background: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);
  background-position: right 52vw bottom 35vh, left 48vw top 52vh;
  background-repeat: no-repeat, no-repeat;
  background-color: hsl(185deg, 75%, 39%);
}

• Tip, Don't forget to generate a new screenshot after editing the css file

• If you have any questions or need further clarification, you can always check out my submission for this challenge and/or feel free to reach out to me.

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!

Your solution looks good beside the provided design, but a tiny colour change can be made to the border. Accessibility is great as well. Well done