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

Mobile first responsive FAQ page with JS elements

MH-WebDev 150

@MH-WebDev

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What challenges did you encounter, and how did you overcome them?

Took a little fiddling to understand the JS section of the challenge, as i've not used it before outside of a course on Coursera.

Community feedback

Carina 150

@cfcmeireles

Posted

Great job with your solution!

If you're open for some feedback:

  • For better user experience, you could add "cursor: pointer" to your hover state on your h2 element, this would display a hand when the user hovers each question! You can read more about it here: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
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