Skip to content
Submitted over 3 years ago

Responsive FAQ card with HTML,SCSS,JS

Daniel Truong•155
@anhduy1202
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

P/s: I use array for the JS part this challenge ;)

For the JS part:

  • Clicking twice at the same elements will open/close itself
  • If you click one question, the other one will automatically close (Hooray Array!!)
  • The card doesn't expand when you click the question (Hooray static design!!)

Community feedback

  • emil•0
    @emil6019Posted over 3 years ago
    <li class="question"> <span>How many team members can I invite?</span> <button> class="arrow" url()="/images/icon-arrow-down.svg" alt="arrow" </button> </li>

    you can use it instead

    <li class="question"> <button>How many team members can I invite?</button> <img class="arrow" src="/images/icon-arrow-down.svg" alt="arrow" > </li>
    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