Skip to content
Submitted about 2 years ago

Huddle Landing Page using CSS grid!

Anie•100
@A-n-i-e
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

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,775
    @vanzasetiaPosted about 2 years ago

    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

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