Order-Summary-Component Solution

Community feedback

• 

  Akhil-Nagpal•180

  @Akhil-NagpalPosted over 1 year ago

  Hello Giulia! 👋 Congratulations on completing this project! 🥳

  To fix accessibility & HTML errors, you need to fix these things in your code:

  • Always add alternative text to all images you use like: <img src="illustration-1.svg" alt="girl-listening-music">. This specifies an alternate text for an image if the image cannot be displayed.

  Other Suggestions 📝

  • Use relative units like em or rem instead of using absolute units like px. This will improve responsiveness. Read this to understand better 👉 Should we use Rem, Em, or Pixel?

  • Background image is not responsive while adjusting the screen size. Use background-size: cover;

  • You missed some properties in the body { } tag. For centering anything use these properties:

  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  

  Otherwise! You did a great job! 👏

  I hope these suggestions will help you to improve! 😊

  Happy Coding!

  1