Order Summary Page using HTML and CSS

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted over 2 years ago

  Hi Khairan, good job! Congratulations on completing the challenge.

  I have some advice for you:

  • add main tag and wrap the card for Accessibility
  • try to remove all margin from entire class
  • use flexbox to the body for center the card. Read here -> flex guide
  • also set heigth of body to 100vh because Flexbox aligns to the size of the parent container.

  In the end for fix the top image in the background just put more specific background properties:

  background: url("../img/pattern-background-desktop.svg") no-repeat top center;
  background-size: contain;
  background-color: #e0e8ff;
  

  Hope this help ;) and happy coding!

  Marked as helpful

  1

  ---

  

  Khairan•30

  @KhairanADijiPosted over 2 years ago

  @denielden Hi Deniel! This was incredibly helpful. You addressed issues that actually had me stumped for a while. I really appreciate you taking time out to help. Thank you so much!😊

  1

  

  Travolgi 🍕•31,400

  @denieldenPosted over 2 years ago

  @KhairanADiji You are welcome, I'm glad they helped you! Keep it up :)

  0