FAQ Accordion Card

Community feedback

• 

  Agata Liberska•3,995

  @AgataLiberskaPosted almost 4 years ago

  Hi Firhan, the card looks great, well done!

  I would suggest minor tweaks:

  • Your card width expands on screens between mobile and around 1024px - that is great. However, towards the higher end of that spectrum it gets quite long. I feel that when it's more than 750px wide, I have to move my eyes from the question to the arrow to take in what's happening, which makes it harder to use. Maybe try to set a max-width on the card in the mobile design to see what you think?
  • Maybe try adding a transition to expanding questions, as an extra challenge :)

  0

  ---

  

  Firhan Ramadhan•155

  @firhanramPosted almost 4 years ago

  @AgataLiberska yes I set the max width, so I just have 1 media query. First, I check the width in inspect element on computed menu. I think I am gonna give a transition. Thanks for your feedback!

  0

  

  Agata Liberska•3,995

  @AgataLiberskaPosted almost 4 years ago

  @firhanram sorry for not being clear - I didn't mean adding another media query. I was talking about setting a max-width on your card-container class. Just had a look and you have width set to 90%, I would leave that in and just below that property, add max-width set to about 500px. See what you think, and let me know if that makes sense :)

  0

  

  Firhan Ramadhan•155

  @firhanramPosted almost 4 years ago

  @AgataLiberska when I set max-width to 500px, It gets smaller. So, the choice is to set max-width to 921.6px

  0