Frontend Mentor - FAQ accordion card solution

This is a solution to the FAQ accordion card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • Built with
  • Useful resources
• Author -Acknowledgments

Overview

The challenge

Users should be able to:

• See hover states for all interactive elements on the page
• Hide/Show the answer to a question when the question is clicked

Screenshot

Links

• Live Site URL: live site

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid .

Useful resources

• TsbSankara - Great youtube channel that explains thoroughly projects and frontend mentor challenges.
• W3School - Good tool for any css and basics of javascript.
• mdm - Also really great for any css, and javascript help.

Author

• Frontend Mentor - @Marianellag1

Acknowledgments

As I am still learning javascript, its really great to find developers in which explain in so much detail and you can really grasp and understand why and how they are coding. I really enjoy TsbSankara Youtube channel because of the way he explains so well and I see just how uncomplicated (I just overthink things too much) javascript is. Much of the code I did take from his example from another project, but I feel as if I can understand more how coding works through his tutorial.