@MelvinAguilar
Posted
Hello there π. Good job on completing the challenge !
I have other suggestions about your code that might interest you.
- Consider adopting a Mobile First approach in your next project. This means designing for the smallest screens first and then scaling up as needed. This helps to create a more user-friendly and accessible experience for all users.
- You should use only one
<h1>
tag per page. The<h1>
tag is the most important heading tag, This can confuse screen reader users and search engines. This challenge requires thatSedans
,SUVs
andLuxury
are headings, but you can use the<h2>
tag instead of the<h1>
tag. You can read more about this here π.
- Not all images should have alt text. Car icons are for decoration purposes only, so they can be hidden from screen-readers by leaving its alt attribute empty. You can read more about this here π.
I hope you find it useful! π Above all, the solution you submitted is great!
Happy coding!
Marked as helpful
@dashaunn
Posted
Thank you for your helpful response @MelvinAguilar!! π
Oh wow that's embarrassing π I know better than to add more than one h1 element. Thank you for noticing that!
Thank you for the advice and resources Melvin, this is all really good to know. I will try a mobile first approach in my next projects. Thank you again!! π