Responsive FAQ Accordion

EchoGlobal - Startup

Posted at: 10-11-2024

Brief: Design a responsive FAQ section for “HelpMe,” a fictional support site. The FAQ section should display questions, each expandable to show an answer when clicked. The active question should expand smoothly, and its text should change color to indicate it is open. Use a white background with dark gray text (#333333) and blue accents (#2980B9) for the active question. Focus on creating smooth transitions and a responsive layout. Requirements: Questions and Answers: Display questions in bold; answers expand below on click. Color Change: Active question text changes to blue. Typography: Questions in Roboto Bold, size 18px, answers in Arial, size 16px. Toggle answer display on question click. Responsive Design: Questions stack vertically and maintain click-to-expand feature on small screens.

Milestones
  • Project delivery
    To deliver the project as agreed
Deadline
17-11-2024
Client budget
5 USD