Skip to content
Submitted almost 4 years ago

React component working with state and onClick

P
Ryan McGuire•280
@mackieva
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I got some good practice with this. I'm learning React so it was great to work with a little component, mapping out state for the questions and using an onClick method to toggle the question. Plus I got to work on things like the accordion css animation showing the answer and rotating the arrow.

The only thing that really got me was how do you hide the left side on the larger image when on desktop? I thought z-index would be involved but I could never figure it out. Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • Charlie•360
    @Charlie025x

    I got the same problem. Adding " overflow: hidden;" to your container might do the trick, however the orange square becomes invisible too.

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