Skip to content
Submitted 8 months ago

Responsive FAQ page

Kelvin Mai'Angwa•250
@kelvinbam
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

javaScript

Community feedback

  • Noel Hoppe•350
    @noelhoppePosted 8 months ago

    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!
    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