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

@RUTVIK-SANATHARA

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


Hello eveyone! this task is easy , please give your suggestion for my coding skill and how to improve . Thank you.

Community feedback

Eles 1,300

@eleswastaken

Posted

Structure:

  • The entire section can divided in two, first the image half, second the content half.
  • In the image half you can put the main(woman) image and the shadow as background images, and the box as positioned element relative to the container.
  • Set some fonts.

Semantics and accessibility:

  • You don't have to wrap every text element in a <div>
  • For questions and answers you can use <details> and <summary> tags:
<details>
    <summary>question</summary>
    Your answer to that question.
</details>

Best of luck!

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