Skip to content
Submitted over 4 years ago

HTML, CSS, JS and a little bit of Bulma.io

Lucas•20
@lucasfvera
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This one was a little harder for me.

  1. I had problems resizing the .hero-card when i click the arrow to see the answer.
  2. I couldn't make the .content-collapsible close when i click on another question (it keeps opening blocks and sometimes it grows outside of the container).
  3. I also had problems positioning the image. At first i did overflow:hidden with the hero-card but it also cutted the little @ box so i had to turn it off.

Thanks for helping me!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Lucas's solution.

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