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 section using FlexBox, CSS animations & vanilla JS

@tomiwaorimoloye

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


Any feedback would be appreciated!

Community feedback

dewslyse 3,025

@dewslyse

Posted

Hello Tomiwa!. Nice job on your submission. Everything works as it should. Well done 👏. You may have forgotten to wrap your document in a main tag. Happy coding!

0

@tomiwaorimoloye

Posted

@dewslyse Thanks for the feedback. I thought about using the <main> tag instead of a <section> tag but I felt I should use <section> because this particular design isn't a full webpage but rather a subsection.🤷‍♂️

1
dewslyse 3,025

@dewslyse

Posted

@tomiwaorimoloye since your don't have any top-level section, it's perfectly acceptable to use the main for this design. Including a main introduces a sectioning element within your document thereby making it more accessible. Also, remember to include hs within your sections.

Marked as helpful

1

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