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

FAQ accordion card using Tailwind-CSS

Muhriz 200

@muhrizmrz

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


I have tried to complete this challenge without using javascript as per the bonus instruction. I completed most of the works without javascript. I used <detail> tag for the faq question and answers. At last, I used jquery for toggle classes when clicking questions. I used aboslute position for putting images together. Is there any other method? Any way, How is my solution? I have one question about overflow-hidden.I tried this for hiding some part of illustration-woman-image which is out of parent div. How to solve this? Here my question about frontend design: Which is better to use for frontend design: Vanilla CSS or any framework like TailwindCss or Bootstrap? Any type feedback will be appreciated.

Community feedback

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