Submitted over 1 year ago
Responsive FAQ Accordion Card using HTML and CSS (flexbox and grid)
@CorinaMurg
Design comparison
SolutionDesign
Solution retrospective
Hi Everyone,
I picked this challenge because I want to use the accordion feature in a personal project and needed some practice with it. I was able to implement it with just HTML and CSS, just as the bonus challenge required, but I still have a few issues I am dealing with:
- the overflow of the "illustration-woman" image on desktop is not hidden.
- when using the tab key to access the questions, pressing the enter key does not work unless adding JavaScript. Is it possible to do it with just CSS?
- a screen reader goes through each question, but it skips the arrow (an image with role=button). How can I make it move from each question to its corresponding arrow?
Thank you in advance for any feedback/help you can provide! Corina
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord