My Order Summary Component Solution using Flexbox and Grid

Hey there! 👋 Here are some suggestions to help improve your code:

• Along with the blank Alt Tag, you also want to include the aria-hidden=“true” to the “illustration” and “music icon” to fully remove them from assistive technology.

More Info:📚

https://www.w3.org/WAI/tutorials/images/

• The only heading in this challenge is the ”Order Summary". Every other text should wrapped in a paragraph element.

• The “Cancel Order” was created with the incorrect element. When the user clicks on the button they should directed to a different part of you site. The anchor tag will achieve this.

More Info:📚

MDN The Anchor element

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding!🎄🎁

Nice! 🙌🏻

I would also add some transitions for active states (when colors change on hover). It creates more interactivity and makes the project looks cooler. Active states can be done on buttons, links, titles which act like links or anything else, you choose.

You can read more about it here, in case you haven’t done much of it:
https://www.w3schools.com/css/css3_transitions.asp

IF THIS WAS HELPFUL PLEASE MARK IT AS HELPFUL 🤩