Skip to content
Submitted over 2 years ago

FAQ accordion card

Reno08-code•300
@Reno08-code
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi lovely people This challenge is not easy for me, especially when it comes to JavaScript, it makes me doubt my ability :( I have to ask chatgpt to explain some of the concepts but there are still some that I don't fully understand at the moment. It's really affecting my confidence.：（ it‘s just not clicking:(

Code

Please log in to post a comment

Log in

Community feedback

  • P
    visualdennis•8,375
    @visualdenniss

    Hey again Reno,

    I agree with you that this one is actually very tricky for a "newbie" challenge, especially the JS part. But your solution looks great to me, you can be proud! Your JS Logic seems to be working well and your code looks clean to me.

    Your icons seems to be distorted, but you can fix them easily. .accordion-question-answer .question { align-items: center; ...rest of your code } This happens because when you flex, it automatically stretches them out.

    Hope you find this feedback helpful!

    Marked as helpful

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