Order Summary page using HTML and CSS

Community feedback

• 

  Chloe gabriel•40

  @chloeGabrielPosted about 3 years ago

  Hello there!

  First of all: well done for your first challenge! You did great. To improve this work you can :

  • add some transition for the hover properties like so => transition: ease-in .3s; It will smooth the hovering animation.
  • when hovering the "Change" button, you can add a transition to smooth the hover animation and also the property text-decoration: none; (it will be like the hovering ref picture)

  You can improve a few things, such as the box-shadow of the button (just changing the position of the shadow) and adding a few padding to the section.

  Here is the solution I coded for this challenge: https://www.frontendmentor.io/solutions/order-summary-component-DulFgUEHr.

  Feel free to see others solutions!

  Cheers,

  Chloe G.

  1

  ---

  

  L-E-Williams•30

  @L-E-WilliamsPosted about 3 years ago

  @chloeGabriel Your feedback is very appreciated! I adjusted some paddings, transitions and box-shadow and think it looks much better now, thank you for the suggestions!

  Laurence.

  0