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 using CSS grid!

Anie• 100

@A-n-i-e


Design comparison


SolutionDesign

Solution retrospective


Another challenge to the challenge board!

Please, I would like feedback on better ways I could have gone about this challenge(The responsiveness)🙃​

Oh oh...And I added a hover effect on the image🙃​

God bless!

And who knows how to get rid of the accessibility errors..It's having problems with my icons

Community feedback

Vanza Setia• 27,795

@vanzasetia

Posted

Hi, Anie! 👋

Congratulations on completing this challenge! 🎉

It's great that you have added a transition to the image and I would recommend having the prefers-reduced-motion media query. This way, the users who prefer not to see animation can choose to not see any transition and animation.

For the accessibility errors, each link element must have text content. Otherwise, there's no way for screenreaders to pronounce the link. So, you can either use aria-label or sr-only text. As a side note, you can learn more about the issue by clicking the "Learn More" link. (Each issue has each article so that you can learn about the issue and how to solve the issue)

I hope this helps! Happy coding! 🙂

Marked as helpful

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