Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 3 years ago

Equalizer Landing Page [mobile first][vanilla HTML/CSS]

accessibility
Tanguy•140
@OignonFugace
A solution to the Equalizer landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


This is my first premium challenge. It is nice to work with Figma files!

My questions are:

  • In a feedback on a previous challenge, I was recommended to add the focusable HTML attribute to false along with aria-hidden='false'. While trying to implement that in this challenge, I read that the focusable HTML attribute is not well supported by all browsers and the use of javascript is recommended. Is there a best practice here ?
  • Any feedback are appreciated, especially on the layout strategy or better ones that I could have thought of.

For more context see the github readme file.

Thank you all!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Tanguy's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License