Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Full Landing Page using Tailwind CSS

@dairon-canel


Design comparison


SolutionDesign

Solution retrospective


My first junior challenge, any feedback is welcome, will help me a lot :)

Community feedback

@VCarames

Posted

Hey there! 👋 Here are some suggestions to help improve your code:

For the recommendations, I’ll only focusing on the footer section:

  • The company information should be wrapped in an address element.

More Info:📚

MDN Address element

  • The icons in the company info **serve no purpose*8 than to be decorative. - Their alt tag should left blank and have an aria-hidden=“true” to hides it from assistive technology.

More Info:📚

https://www.w3.org/WAI/tutorials/images/

  • The company info, the links and social media icons should all be wrapped in an anchor element, since they are meant to be interactive

More Info:📚

MDN The Anchor element

  • The links should be wrapped inside a nav and be created using an unordered list element along with the list item element

MDN Unordered List Element

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding!🎄🎁

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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