Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Accordion using css

@promathieuthiry

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@promathieuthiry

Posted

@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
Discord logo

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