Order Summary Component

Community feedback

• 

  faizan•2,420

  @afaiz-spacePosted over 2 years ago

  Hey @jillpandya2594,

  • add flex-direction: row; align-items: center; justify-content: space-between; in the .price-section class. after decreasing the margin of the .price-section-sub class.

  Marked as helpful

  1

  ---

  

  jill pandya•90

  @jillpandya2594Posted over 2 years ago

  @afaiz-space Thank you for the valuable feedback.

  0
• 

  Malik Elbadri•590

  @MaliklarPosted over 2 years ago

  Nice work, but you need to edit your solution to be more like the design by doing the following: 1- You need to add the background-color attribute to the color giving in the styles-guide.md. 2- You also need to add the background image provided in the images folder and position it correctly. 3- You have to look for a way to center the card. 4- Finally give the card body (below the card image) a padding.

  Marked as helpful

  1

  ---

  

  jill pandya•90

  @jillpandya2594Posted over 2 years ago

  @Maliklar thank you for your valuable feedback. I will work on it.

  1

  

  jill pandya•90

  @jillpandya2594Posted over 2 years ago

  @Maliklar how do i provide color to the background image ?

  1

  

  Malik Elbadri•590

  @MaliklarPosted over 2 years ago

  @jillpandya2594 There are multiple ways to accomplish this, for me I used two proprieties: background-image: url(./images/pattern-background-desktop.svg); background-repeat: no-repeat; background-color: var(--Paleblue);

  <br> You can also check my solution on Github:

  Order Summary

  Marked as helpful

  1