FAQ-accordion-card-component using : HTML, CSS, SASS

Community feedback

• 

  P

  Dave•5,295

  @dwhensonPosted over 3 years ago

  Hey @ParthPatel76 Good work on this one - it's a tricky one for sure!! Your page looks good and responds well at smaller screens which is great! 🙌

  Here's some points you might like to consider:

  1. Firstly good job making this work with no JS! My only suggestion would be that the sections should expand on a click rather than hover, and that some transition would be nice here as it's quite abrupt at the moment.

  2. One way to make this all much easier is to check out the details and summary elements. These have a lot of the functionality you are looking for built it. This will make it easier to change things on click rather than hover.

  3. You also add some opening transitions or even a simple animation to make things look smooth if you really wanted to make things look good. And again you can do all this without JS and it will help with some CSS selector practice!

  Finally, just to say nice work on the image positioning. This is something I really struggle with but you seem to have done a great job here! 👍

  Hope this helps and keep up the good work!! 👋

  1

  ---

  

  Parth•75

  @ParthPatel76Posted over 3 years ago

  @dwhenson

  Hey, thanks for such a great feedback, I really appreciate it.👍 I will definitely make the required improvements, considering your suggestions.

  Thanks, Parth🙂

  0