Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

used flexbox for responsive layout and grid for centering items

@naveen570

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


would like to hear what are the things I need to improve on

Community feedback

Brett 80

@blpeters

Posted

I really love the transition animation on the accordion and the fact that it matches up with the arrow turning to flip upside down - that looks really good.

I did have some issues with my display on Firefox and Chrome where the card is extending too far past the bottom of the purple container background. I had to zoom out to 80% to get the display correct, so you may want to look at those settings.

Marked as helpful

0

@naveen570

Posted

@blpeters Hi brett, Thanks for the feedback, i have made some changes, can you please look into it and tell if you are able to see the whole thing without zooming out ;)

0
Brett 80

@blpeters

Posted

@naveen570 It works great now! Nice work.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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