Mini Challenges Sep 2023
Frontend Mentor - FAQ Accordion
An interactive UI component for displaying frequently asked questions.
Project Overview
A solution to a Frontend Mentor challenge. The goal is to build an interactive, responsive accordion component to show and hide answers to FAQs.
The Challenge
Making the accordion interactive with smooth animations while ensuring accessibility and usability on mobile devices.
The Solution
Used simple JavaScript to toggle CSS classes on click to open/close elements, combined with CSS Transitions for smooth movement.
Key Features
Interactive Accordion UI
Smooth Transitions
Mobile-First Responsive Design
Accessible HTML Code