Faq accordion with html and css

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted about 4 years ago

  Hey, Faruq Sadiq! 👋

  Good work on this challenge! 👍 The mobile layout of your site works quite well! 🙌

  I suggest,

  • Allowing users to scroll inside the accordion card so that they can see all of the content in case multiple tabs are opened at the same time.
  • Adding a hover state to the titles of the FAQs (as shown in the original design).
  • The floating cube SVG is missing in the desktop layout. It can be tricky to place! I suggest wrapping the accordion and cube SVG in a div and then using absolute positioning to place the cube relative to the wrapper div so that it remains it its place and doesn't get cut off if you set overflow-x to hidden for the accordion card itself.

  Keep coding (and happy coding, too)! 😁

  0