Order Summary Card Component built with SCSS

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

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

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

  ---

  BACKGROUND iMAGE 📸:

  • Looks like the background svg and color has not been set properly, let me explain How you can easily apply the background color with the svg they provided.

  ---

  • Add the following style rule to your css, and then experience the changes

  body {
      background: url(./images/pattern-background-desktop.svg), #E1E9Ff;
      background-repeat: no-repeat, no-repeat;
  }
  

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

  ---

  .

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

  Happy coding!

  Marked as helpful

  1

  ---

  

  Zascu•140

  @ZascuOfficialPosted over 1 year ago

  @0xAbdulKhalid I did not realize that I was supposed to overlay a color on top of the svg pattern. Thank you for bringing my attention to it! I will get to changing it right away. The only problem is that I do not know how to generate another screenshot, so if you could help me with that as well, I would be really really helpful.

  Either way, I appreciate your feedback! Have an amazing day!

  0

  

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  @ZascuOfficial

  TO GENERATE A NEW SCREENSHOT 📸:

  • First of all you need to update your css file and make necessary changes and push it in github now the page workflow will update the changes

  ---

  • If the you can see the changes in your live site, then now come to your solution page here you can see a button named "GENERATE NEW SCREENSHOT" which is in RED In color and can be found top of design comparison section

  ---

  • And remember an important point, free users like us can only generate new screenshots for five times a month. So use if wisely.

  ---

  .

  Once again I hope you find this feedback helpful 🤠

  Marked as helpful

  1

  

  Zascu•140

  @ZascuOfficialPosted over 1 year ago

  @0xAbdulKhalid

  Thanks a bunch! I will make use of this tip from now on. I appreciate it a ton.

  0