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

Responsive Huddle landing page w/single intro using Flexbox, Sass, BEM

Joseph.โ€ข 120

@josr13


Design comparison


SolutionDesign

Solution retrospective


This is my first time using Font Awesome or any icon library. Did I do it right?

Also, why am I getting multiple validation reports? I think it's got something to do with Font Awesome and its SVG icons.

Community feedback

@MelvinAguilar

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

  • "Links must have discernible text"

    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="https://www.facebook.com/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="socials__fb">
        <i class="fa-brands fa-facebook-f"></i>
    </a>
    
  • "CSS: "transform": too few values for the property "transform"."

    The other errors are simply because of using the Font Awesome kit, so you can either ignore them or download the icons you need instead of loading the whole library.

Happy coding!

0

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