@vanzasetia
Posted
Hello, Ana! π
Congratulations on finishing this challenge! π
I have some feedback on this solution:
- Accessibility
- All the page content should live inside landmark elements (
header
,main
, andfooter
). By using them correctly, users of assistive technology navigate the website easily. In this case, wrap all of it withmain
tag,except the attribution. The attribution should be lived inside thefooter
.
- All the page content should live inside landmark elements (
<body>
<main>
page content goes here...
</main>
<footer class="attribution">
good job on doing this! π
</footer>
</body>
- Use CSS to uppercase the text. The uppercased word in the HTML will be spelled by the screen reader (spelled letter by letter).
- For the
stats
element, swap thesection
tag withul
and wrap each item withli
instead. - The stats number should not be a heading for sure. The content below it is too small. You might find it helpful if you think of a heading like a title in a document.
- Use
rem
or sometimesem
unit instead ofpx
. Usingpx
will not allow the users to control the size of the page based on their needs. - Best Practice (Recommended)
- I would recommend writing the styling using the mobile-first approach. It often leads to shorter and better performance code. As a result, mobile users will no longer be required to process all of the desktop styles.
I hope this helps!
Marked as helpful
@ana-vela
Posted
@vanzasetia Thank you so much for your feedback! I will take these tips into consideration moving forward.
@vanzasetia
Posted
@ana-vela You're welcome! π