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

Responsive React TypeScript version using SASS

Jeff 210

@W4GFO

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


Had some issues getting height of the answer text frame to resize properly.

This logic occurs with the class '.data-info-hidden' in DataInfoElementStyle.scss on line 75 with the corresponding tag in DataInfoElement.tsx on line 34.

Would like to have the height transition as well, but setting the height seemed to have no effect.

What is typically the issues you see developers are making when this is happening?

Any input would be greatly appreciated as I run into this a lot.

Community feedback

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