Design comparison
Solution retrospective
In this challenge, there are three headers all the same size. Is it better to use an h1 because the usual advice is for every page to have an h1, or some other heading size because there are three of them?
Community feedback
- @MelvinAguilarPosted over 1 year ago
Hello there ๐. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
-
Your choice is correct, it is better to use
<h2>
instead of<h1>
.It is generally not recommended to use multiple <h1> tags on a single web page because the <h1> tag is used to mark the most important heading on a web page and it is considered the top-level heading in the document outline. It should be used only once on the page, typically for the title or main heading of the page.
If you really want to add an h1, you can add it but make it visually hidden while still being accessible for screen readers. You can use a class
sr-only
and copy the styles from here.You can read more about this here ๐.
I hope you find it useful! ๐
Happy coding!
Marked as helpful0 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord