Responsive Huddle landing page w/single intro using Flexbox, Sass, BEM
Design comparison
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
- @MelvinAguilarPosted over 1 year ago
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 GitHubJoin 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