sidramwaseem/FAQ-accordion-card

Accordion card using Vanilla JS

FAQ Accordion

Demo | Solution | Challenge

Table of Contents

• Overview
  • Difficulty
  • Languages
  • Built With
  • Preview
• Features
  • Design
  • Project
• Acknowledgements
• Contact

Overview

Difficulty

Difficulty Level: Newbie/Beginner

Languages

Languages used:

• HTML
• CSS
• JavaScript

Built With

Tools and resources used in this projects are:

• HTML
• CSS
• JavaScript
• VsCode
• Google Fonts

Preview

Features

Design

The aspects of features reagrding design covered:

• Image and container widths
• Images and their absolute positioning
• Responsiveness
• Accordions using Vanilla JavaScript
• Hover States
• CSS Transitions

Project

This site was a challenge by Frontend Mentor to enhance ones frontend skills by practicing deifferent languages, difficulty level and free/paid projects. The challenge was to recreate the layout and make it look as close as possible to the given image.

Acknowledgements

Some Articles that you might find useful:

• Collapsibles/Accordions

Contact

• GitHub @sidramwaseem
• Stackoverflow @sidramwaseem
• Twitter @sidramwaseem