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

@lc-dev90

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


Using only Html Css and Js (just a bit)

Community feedback

P
tediko• 6,680

@tediko

Posted

Hello, Luiz Claudio Lopes! 👋

Good job on this challenge! I would suggest you to:

  • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
  • Try not to repeat your HTML code with image for each arrow. Easier way around is to use pseudo element ::before on your .question element. Set it to position: relative and your pseudo element as position: absolute. Put your image using content: url('image.jpg').

Good luck with that, have fun coding! 💪

1

@lc-dev90

Posted

Thx for your suggestions tediko! Appreciate

0
amineZoldyck• 35

@aminequ

Posted

The arrows images are in the opposite direction.

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