Frontend Mentor - FAQ accordion card solution

Challenge NFT preview card component challenge on Frontend Mentor.

This is my solution to the FAQ accordion card component challenge on Frontend Mentor.

Screenshot

Links

• Solution Frontend Mentor

• Live Site URL

The challenge

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

• Bonus: Complete the challenge without using JavaScript 🎊

Useful resources

• ⭐ CSS Selector Reference

• ⭐ CSS media queries

• ⭐ More media queries

• ⭐ Collapse

• ⭐ rem Converter

Built with

• HTML
• CSS
• Flex
• Grid
• Bootstrap.