Skip to content
Submitted over 1 year ago

Responsive FAQ page

Kelvin Mai'Angwa•250
@kelvinbam
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What specific areas of your project would you like help with?

javaScript

Code

Please log in to post a comment

Log in

Community feedback

  • Noel Hoppe•380
    @noelhoppe

    Hi, here are some suggestions:

    1. Try to use HTML semantic elements such as <main> instead of div.container
    2. body's width should be 100% by default
    3. With the use of CSS variables your code looks cleaner (color variables)
    4. Considering js: You can put line 7-9 and 15-17 in a function and can call this function. But notice you can do this project without any js because of use of <details><summary></summary><p></p></details>tag. This is how I solved this project. Maybe you have also some suggestions to my solution of this challenge in my profile. Thanks and happy coding!

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