FAQ Accordion

Community feedback

• 

  P

  Ehsan Tatasadi•1,780

  @tatasadiPosted 10 months ago

  Hey there,

  Excellent work on completing the Frontend Mentor FAQ challenge using React! Your implementation showcases a solid understanding of React concepts, Redux for state management, and CSS for styling. Here are a few suggestions to enhance your project further:

  Border Separation for Questions: Adding a border-bottom to each FAQ item will visually separate the questions, making the UI cleaner and more user-friendly. This small change can significantly improve readability.

  Cursor Pointer for Icons: For a better user experience, the plus and minus icons should change the cursor to a pointer on hover. This indicates that these elements are clickable and interactive, conforming to standard UI practices.

  Responsive Design Adjustments: Avoiding fixed width and height for the card is a good practice for responsive design. Instead, consider using max-width to maintain the card's aspect ratio while allowing it to adjust to different screen sizes. This approach prevents content overflow in mobile view and enhances the responsiveness of your application.

  Box-Shadow for Card: Adding a box-shadow to the card can provide depth and elevate the card from the background, enhancing the visual appeal. This subtle effect can make the interface more engaging and modern.

  Marked as helpful

  1

  ---

  

  Mehmet Ali Meşe•130

  @mehalimesPosted 10 months ago

  @tatasadi Thank you sir I appreciate that.

  0