Skip to content
Submitted over 3 years ago

FAQ Accordion Card | Flexbox, SASS, JS

sass/scss
shuberber•230
@sheronimo
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there everyone, this is my solution for the FAQ Accordion card.

While the accordion itself was fairly straightforward (and I also had a chance to experiment with using CSS transitions for a cool animation for the expand and collapse), I struggled mainly with the image on the left side.

It took a lot of fine-tuning to be able to position the images the right way, and I feel I may have overcomplicated my approach with the CSS. I appreciate any feedback on if there's a simpler and cleaner way to work with the images. 🌹

Code

Please log in to post a comment

Log in

Community feedback

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