@MelvinAguilar
Posted
Hello there π. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
-
Social media icons, which are often used to link to a company's social media profiles, should typically be anchor elements because anchor elements allows users to easily click on the icon and be taken directly to the company's social media profile page. This makes it easy for users to connect with the company on social media
Additionally, you should use the
aria-label
attribute to describe the links if they don't have visible text, this will help screen reader users to understand the purpose of the link.
e.g. <a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
- A logo may not be considered as a decoration in HTML because it is often a crucial part of a website's branding and identity, and it may contain important information for the user. you should use the company name as the
alt
attribute value. The word "logo" is not necessary.
- The logo is too big for mobile devices. :(
- You should use the
cursor: pointer
property to indicate that the element like a button or a link is clickable.
I hope you find it useful! π Above all, the solution you submitted is great!
Happy coding!
Marked as helpful
@AgeOfUltra
Posted
@MelvinAguilar Thank you!