Skip to content

[Improvement]: UI Inconsistencies in Testimonials and FAQs Pages #1287

@iaadillatif

Description

@iaadillatif

This issue tracks multiple visual and layout inconsistencies found in the Testimonials and FAQs pages.

1. Testimonials Page

  • Avatar images appear too small inside the circular container.
  • The image does not properly fill the available space.
  • Creates a “small image inside large circle” visual imbalance.
  • Impacts overall visual alignment of testimonial cards.
Image

2. FAQs Page Structure

  • Question section has its own visual container.
  • Answer expands outside that container.
  • Question and answer feel visually disconnected.
  • Expanded content breaks the visual continuity of each FAQ item.
  • Layout feels structurally inconsistent during expand and collapse.
Image

3. FAQs Question Header Styling

  • Question header visually blends too closely with the answer section.
  • No clear distinction between header and content area.
  • Open and closed states do not feel visually differentiated enough.
  • Expanded state lacks clear separation from answer area.

4. Large Screen Layout Issues

  • FAQ content feels left-aligned on larger screens.
  • Content width does not scale optimally for large displays.
  • Heading and description alignment feels slightly off on wide screens.
  • Text readability could be improved with better centering constraints.

Metadata

Metadata

Assignees

Labels

level 110 pointsrecodethis is label for leaderboard

Type

Projects

Status

Todo

Relationships

None yet

Development

No branches or pull requests

Issue actions