Faq-accordion-card-main

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi, Vatra Giorgian! 👋

  I recommend using the native HTML elements to create the accordions, <summary> and <details> elements.

  If you want to create custom accordions you need to tell the users the state of the accordion. You can do that by using aria-expanded attribute. Then, toggle the state through JavaScript.

  For the styling, you should only need one media query, either the min-width or the max-width. If you are going for a mobile-first approach—which is the recommended way—you should use the min-width media query to create the desktop layout. The mobile styling does not to be wrapped by a max-width media query.

  Learn more — Responsive design ground rules | Polypane

  I hope you find this useful. Happy coding! 😄

  1