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 Landing Page With A Single Introductory - TailwindCSS

Florent Vandroyβ€’ 510

@florent6001


Design comparison


SolutionDesign

Community feedback

Ibtissamβ€’ 260

@Devibtissam

Posted

Hi, well done on this challenge,

  • to fix the accessibility issue, you can add aria-hidden = true to your <i></i> element, for better understanding check this link : https://a11y-101.com/development/icons-and-links I've done already this challenge and I didn't make icons clickable, so great job, keep up

Marked as helpful

0
Lucas πŸ‘Ύβ€’ 104,420

@correlucas

Posted

πŸ‘ΎHey Florent, congratulations for your solution!

Your solution is amazing but the images are losing the proportions when scaling, to avoid that you can use the general selector or <img> to apply changes to all elements, see the code below:

img {
    display: block;
    max-width: 100%;
}

Hope it helps and happy coding!

Marked as helpful

0

Florent Vandroyβ€’ 510

@florent6001

Posted

@correlucas You're right, i didn't saw it before you said. Thank's for the tips :)

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