Skip to content

Designed and implemented a FAQ accordion using CSS pseudo-classes instead of JavaScript. This approach utilizes CSS to toggle visibility and styling based on user interaction, eliminating the need for JavaScript event listeners. By leveraging CSS pseudo-classes, the accordion functionality is achieved with a lighter codebase, improved performance,

pamellam/FAQ-accordion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - FAQ accordion

Design preview for the FAQ accordion coding challenge

The challenge

Your challenge is to build out this FAQ accordion and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

  • Hide/Show the answer to a question when the question is clicked
  • Navigate the questions and hide/show answers using keyboard navigation alone
  • View the optimal layout for the interface depending on their device's screen size
  • See hover and focus states for all interactive elements on the page

About

Designed and implemented a FAQ accordion using CSS pseudo-classes instead of JavaScript. This approach utilizes CSS to toggle visibility and styling based on user interaction, eliminating the need for JavaScript event listeners. By leveraging CSS pseudo-classes, the accordion functionality is achieved with a lighter codebase, improved performance,

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published