@mattstuddert
Posted
Hey Niladri, it seems the live version of your project hasn't been updated since you made edits to your code. This is why the reporter is still showing duplicate ID errors. If you use the inspector to look at the HTML in your project, you'll see the duplicated anchor tags with the "cancel" ID.
I'd recommend clicking on the "Learn More" links in the report to try resolving the other issues. Most of them will be cleared up by adding a main
element and a h1
for the main heading, which in this instance would be the "Order Summary" heading.
Also, I'd recommend avoiding IDs as CSS selectors. They have high specificity and can't be reused on the page, so they're not good for the purpose of styling. Instead, I'd recommend sticking to class, attribute, pseudo, and type selectors. Using these will help keep your CSS more maintainable.
I hope this helps! Keep up the good work! 👍
Marked as helpful
@NiladriMallik
Posted
@mattstuddert Thank you. I was able to solve many of the errors and warnings. And thank you for the tip about classes and IDs too, that was quite helpful.
@mattstuddert
Posted
@NiladriMallik, you're welcome! I'm happy to hear it was helpful 🙂
Marked as helpful