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

coder-abdo 280

@coder-abdo

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 made a 100% Accessibility and 100% SEO and the project is responsive.

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

I wonder what is the best HTML tags to describe the Accordion and I asked the AI and I found the solution and it gives me 100% Accessibility and 100% SEO.

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

nothing for now but if any body found anything please don't hesitate to give me a suggestions

Community feedback

@kaoutar-ouadih

Posted

Good work!

Just a little adjustment you need to add the possibility to close the answer after opening it.

But aside from that Great job.

0

coder-abdo 280

@coder-abdo

Posted

@kaoutar-ouadih thanks for your lovely words, I know the way I handled the accordion was not the best, especially the animation. I used the height and max-height to manipulate the animation but the result was not good.

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