Order summary component using CSS custom utility classes

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted almost 3 years ago

  Hi Farzeen, great job!

  For fix the svg background add this property to the body:

  background-repeat: no-repeat;
  background-size: contain;
  

  Hope this help :)

  Marked as helpful

  1

  ---

  

  Farzeen Kistnareddy•60

  @FarzeenKistPosted almost 3 years ago

  @denielden Hey Deniel, Thank you for notifying and giving me out the answer for this. Have a good day/evening : )

  1
• 

  Ali•260

  @alihuseynzade23Posted almost 3 years ago

  Hey Farzeen! Well done.

  --My only suggestion will be to add hover on the links and buttons. This will be great improvement in terms of smoothness.

  Good luck :)

  0

  ---

  

  Farzeen Kistnareddy•60

  @FarzeenKistPosted almost 3 years ago

  Hey Ali, can you please clarify a bit more on what you mean? Are you talking about adding the hover effect to the button/link tags instead of using utility classes(I currently have 3 classes assigned to the links and buttons with hover and focus)? for e.g: .payment-btn:hover, .payment-btn:focus { cursor: pointer; background-color: hsla(var(--clr-primary-bright-blue) / 75%); border: 1px solid hsla(var(--clr-primary-bright-blue) / 75%); }

  I'm thinking that I could also do a transition on each button/link to make it smoother.

  0