profile-card

Community feedback

• 

  Abdul Khaliq 🚀•72,580

  @0xabdulkhaliqPosted 6 months ago

  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!

  Marked as helpful

  0

  ---

  

  Mareeesh•70

  @MareeeshPosted 6 months ago

  @0xabdulkhalid

  Thank you for your observation and for providing a different way to fix the background images.

  happy Coding

  0
• 

  Dolapo•890

  @nofeesahdeePosted 6 months ago

  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

  1

  ---

  

  Mareeesh•70

  @MareeeshPosted 6 months ago

  @nofeesahdee Thank you so much for the observations.

  0