Skip to content
Submitted over 3 years ago

Accordion using css

Mathieu THIRY•300
@promathieuthiry
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

Any feedback is welcome ;). I struggled with the tablet mode

Community feedback

  • Account deleted

    Nice one, it works as intended.

    At 700px the screen cuts it off, prolly because it's not responsive as it should be, continues being bigger than the screen until 475px. I think you fix that.

    And adding the 'one tab at a time' functionality will be nice as opening all of them has the text flowing out of the container.

    Marked as helpful
    2
    Mathieu THIRY•300
    @promathieuthiryPosted over 3 years ago

    @thulanigamtee thanks for your reply. I adjusted the container to a minimum height so the text is not flowing out of the container. And I adjust the responsiveness from 475px to 768px. Even though the image is a little bit big.

    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