FAQ-Accordion-Card

Community feedback

• 

  Eles•1,300

  @eleswastakenPosted almost 3 years ago

  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