FAQ accordion card - without JavaScript

Community feedback

• 

  Raymart Pamplona•16,100

  @pikapikamartPosted over 3 years ago

  Hey, great work on this one. Almost pixel perfect and it resizes well when going in mobile state. Points for no js :>

  My only suggestion would be that. Making the container on the right not resizing when the user clicks multiple accordion. For me it's odd when that happens. So suggestion, adding a max-height on the container and overflow-y: scroll on it. Doing this, the container will not resize anymore and the user can just scroll on it. But there will be an appearance of scrollbar, but you can remove this via adding

  .example::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  

  Just change the other selector if you were to do this.

  Really great job on this one^^

  1