fem faq accordion

Frontend Mentor - FAQ Accordion Card

Live Demo

Description

Responsive page design challenge: single accordion interactive component. My solution for one of challenges for frontendmentor.io

Main features:

• Interactive (static) solution without using any scripts, only native HTML elements
• Based on PugJs and Stylus
  
• Animated SVG: animation was made using SVGator

Usage

Installation

Beside the packages in the package.json, pug-cli must be installed in order to watch and compile Pug to HTML.

Development

Watching and compiling Pug to HTML:

npm run develop

Watching and compiling Stylus to CSS (CSS will be compiled in the styles/css folder):

npm run watch:css

Credits

• Designed by Frontend Mentor Team.
• Code written by ann-dev.