Skip to content
Submitted over 3 years ago

FAQ Accordion Card Solution

accessibility, styled-components
Azan•140
@Azi-01
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, this is my solution for the FAQ card component. I know the images and svgs could be used in a better way. Please provide your feedback, I'll appreciate it.

Code

Please log in to post a comment

Log in

Community feedback

  • bikeinman•1,080
    @BikeInMan

    Yes, it appears now. Looks so nice, now. Glad you found a fix.

  • bikeinman•1,080
    @BikeInMan

    Works well in desktop sizes. Well done. But, the image disappears in smaller sizes.

  • optimusprime202•1,160
    @optimusprime202

    Hey @Azi-01, You’ve just about mastered this.

  • bikeinman•1,080
    @BikeInMan

    Thanks for the update.

    I peeked into your source. You have the css styles for image-container .mobile-img etc in css but the corresponding img tag or div is not present in the source. May be it is locally in your PC, but a different version was committed to git. Just a thought. Try clearing cache and check locally.

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