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

faq-accordion-card-main

omar farid 370

@omarfarids

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


My first layout using JavaScript,it was tricky for me using JS code for the first time. still missing best practices but I managed to finish it as identical as i could. your feedback is so important to me.

Community feedback

bikeinman 1,080

@BikeInMan

Posted

I am glad you figured out the actual problem. I would have cracked my head over JS.

Marked as helpful

0
bikeinman 1,080

@BikeInMan

Posted

Nice Work ! May be JS needs some fixing. Sometimes I had to double click the question to open the answer. BTW, I am still struggling with this challenge, so I can't say anything.

Marked as helpful

0

omar farid 370

@omarfarids

Posted

@BikeInMan Thanks for your feedback I checked this point and found out that this happens because of the low height of the the question that sometimes you and also I when clicking on it we don't click directly on it .. I will fix this though. Thanks 💜

0
Fraser Watt 1,790

@fraserwat

Posted

Hey Omar! This is looking good! To get rid of those HTML issues, you can just have the test inside the <button> element without the <p> tag.

Keep it up!

Marked as helpful

0

omar farid 370

@omarfarids

Posted

@fraserwat okay thanks I didn't think of that .thank you.

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