• Overview
  • The challenge
  • Screenshots
  • Links
• Reference
  • Font
  • Color
• Run Locally
• My process
  • Built with
• Author
• Credits

Users should be able to:

• View the optimal layout for the component depending on their device's screen size
• See hover states for all interactive elements on the page
• Hide/Show the answer to a question when the question is clicked

• Solution URL: https://www.frontendmentor.io/solutions/faq-accordion-card-with-flexbox-js-wJHorcuLA
• Live Site URL: https://ishantbhurani.github.io/faq-accordion-card/

• Kumbh Sans

Color	Hex
Very Dark Desaturated Blue	hsl(238, 29%, 16%)
Soft Red	hsl(14, 88%, 65%)
Soft Violet	hsl(273, 75%, 66%)
Soft Blue	hsl(240, 73%, 65%)
Very Dark Grayish Blue	hsl(237, 12%, 33%)
Dark Grayish Blue	hsl(240, 6%, 50%)
Light Grayish Blue	hsl(240, 5%, 91%)
White	hsl(0, 0%, 100%)

Clone the project

  git clone [email protected]:ishantbhurani/faq-accordion-card.git

Go to the project directory

  cd faq-accordion-card

Run index.html

  <browsername> index.html

E.g.

  firefox index.html

  google-chrome index.html

• Semantic HTML5 markup
• Flexbox

• Frontend Mentor - @ishantbhurani
• Twitter - @IShaunt

• Frontend Mentor