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 CARD

@leoimewore

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 main difficulty was making the layout responsive. I initially tried move the images by positioning, but I learnt about CSS transforms. which was great.

Another issue was reverting the active state of the questions back to grey in my JS. I am hoping someone can tell me what i did wrong

Community feedback

@waleedmumtaz

Posted

Hi Leonard! Great work!

You can actually use the HTML <details> tag to make things easier with FAQs and style it according to the design. You can read more about it here.

HTML details Tag

Hope this helps! 😀

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