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

FQA accordion solution

Tina Wang 140

@tina801005

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm not confident in my js and jquery. This exercise is simple, practical and easy to get started with. And it successfully achieved the effect I wanted! My self-confidence has grown a lot!

What challenges did you encounter, and how did you overcome them?

Create an accordion effect, trying to make one question open and another close. At first it always failed, but then I searched for reference methods. After repeated attempts, I finally succeeded!!

What specific areas of your project would you like help with?

I have always used px to set the size before, but this time I followed the suggestion and switched to rem/em. Only then did I discover that the font size of Traditional Chinese Google Chrome will directly affect the development preview.

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