Tribute Page - Invincible

Code Feedback
1

Hello Everyone!

Here is my Tribute Page!
Click

Do not forget to hover Invincible Logo :slight_smile:

Fully responsive.

1 Like
2

Your page looks good @muhammedogz. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Accessibility is about being accessible to all users. Review the giving meaningful text to links lesson. For a more thorough explanation read Web Accessibility in Mind.
    • “additional info” is not accessible
  • Not sure if you noticed but you use the strong element in your code but it’s not rendered as bold text.
    • this is because you neglected to choose a bold font weight (700)
    • side note, for semantics you want to use the b element, not the strong
  • The FCC test script should be right before the closing body tag. It requires that the HTML be loaded first in order to function correctly.

What about those user’s that don’t have the ability to hover?

1 Like
3

Thanks for your detailed feedback :slight_smile:

I applied all things you said but last.

I already added a onclick status for working on mobile. When I try on mobile, It works fine too.
Also added focus state to use with the keyboard to see hover on logo. What can I do else?

4

Good job. I should have checked before I typed.

1 Like
5

Hi @muhammedogz !

Welcome to the forum!

Cool page!

Keep up the good work! :grinning:

1 Like
6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.