order-summary-component | TailwindCss

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 has not been properly set yet, 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, and then experience the changes

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

  ---

  • You are using tailwind, so you can add this snippet to input.css inside the src directory and then can generate output.css on dist directory. We don't wanna add extra utility class for this we can manage it on input.css itself

  ---

  • 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

  ---

  

  kofi astr0•190

  @KofiastroPosted over 1 year ago

  Thank you.i usually follow the readme-styles.md with all the HSL colors provided but I have studied lately that sometimes not all the colors are provided and I didn't want to change it because it was not provided.Although the hex value was provided in figma @0xAbdulKhalid

  0

  

  kofi astr0•190

  @KofiastroPosted over 1 year ago

  THank you @0xAbdulKhalid i fixed it.

  0

  

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Glad to hear it @Kofiastro !

  0