Skip to content
Submitted about 2 years ago

Responsive FAQ accordion card with HTML, CSS & JS

Sinka László•470
@dlxzeus777
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

I've always had some issues with height when it comes to mobile. When I toggle device toolbar in inspect, on some of the smaller phones the top of the container just disappears.

Any idea on how can I watch out for this in the future?

Any feedback on how can I improve is much appreciated!

Community feedback

  • Felipe Amorim•680
    @FelipeCastroDEVPosted about 2 years ago

    Hello Sinka, nice project !

    you can solve this problem using JavaScript to close the previous question when another new be opened

    e.g : https://statuesque-begonia-fff65f.netlify.app/

    if you dont know how to do this check my solution in: https://github.com/FelipeAmorimDev/FAQ-accordion-card/blob/main/script/script.js

    if you have any doubt about how do you do to apply that script, you can ask me my friend!

    Marked as helpful
    1
    Sinka László•470
    @dlxzeus777Posted about 2 years ago

    @FelipeAmorimDev Thank you my friend! Any idea on how can I improve my css skills? Because I think its lacking a little bit and I've been struggling.

    You have amazing projects btw!

    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