Submitted almost 4 years ago

FAQ Accordion card only with CSS (SASS). Trouble with hover states.

@guztrillo

A solution to the FAQ accordion card challenge

Solution retrospective

This one took me a while. First of all, I knew about the <details> and <summary> HTML tags, so I wanted to solve this without using JavaScript.

I think there's a lot to improve here. I couldn't figure out how to move the box when hover one question, instead of this, I "solved" this moving the box when hover all the container. I know this isn't ideal and probably there's something I am missing from CSS selectors. If you have any suggestion about this I will be thankfull.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Carlos Guzman'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