@correlucas
Posted
πΎHello Satyam Thakur, congratulations on your first solution!π Welcome to the Frontend Mentor Coding Community!
Nice code and nice solution! You did a good job here putting everything together. Iβve some suggestions for you:
1.The main heading has the tag <h2>
, in this case, you should replace it with <h1>
since this heading is the main title on this page. Remember that every page should have one <h1>
to declare which is the most important title and that you should follow the hierarchy using the heading sequence (h1, h2, h3, h4, h5)
and never jump a level.
2.You can use <main>
to replace the <div>
containing the whole content, <div>
is a block element without meaning and <main>
is a tag the shows which is the most important block of content in this page.
3.Use relative units as rem
or em
instead of px
to improve your performance by resizing fonts between different screens and devices. These units are better to make your website more accessible. REM does not just apply to font size, but to all sizes as well.
βοΈ I hope this helps you and happy coding!
Marked as helpful