Order-Summary-Component Solution

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!