Skip to content
Submitted about 2 years ago

FAQ accordion card solution-pure css

somaye beiranvand•220
@somaye-beiranvand
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

Hello everyone It was a fun challenge I learned how to make accordion using summary and details tags Any feedback about my code or design is welcome

I added best practice for menu using one line of jquery, when you click on a menu item the other one would get closed.

Community feedback

  • David•8,000
    @DavidMorgadePosted about 2 years ago

    Hey Somaye! great job getting the challenge done, I like a lot how you managed the dropdown menus, it seems to work smoothly!

    If you don't mind I would like to give you some suggestions for your code:

    • Regarding the styles I have nothing to say, good work with your Bootstrap, it seems that you managed to the work done with it!

    • The only problems I find are with the html semantics, you should try using some semantic tags like main section or article instead of all divs!, also don't forget to at some alt text to your images for a better accessibility. Nice work with the <details> and <summary> tags tho.

    Hope my feedback helps you man!, gonna bookmark this solution to get inspired on the future, good job!

    Marked as helpful
    1
    somaye beiranvand•220
    @somaye-beiranvandPosted about 2 years ago

    @DavidMorgade

    Hi David

    thank you so much

    sure your feedback would be helpful for me

    1

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