Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ accordion challenge using only HTML and CSS

Riyana Gueco• 495

@rngueco

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View Challenge

Design Comparison

SolutionDesign

Reports

Accessibility report (0)

Our reporter did not find any issues in this project! 🎉

Riyana Gueco’s questions for the community

This was made using only HTML and CSS. The downside of this approach is that I wasn't able to implement the <detail> transition from expanded to collapsed, as there's probably no pure-CSS solution to that problem. Feedback on any part of my code is appreciated!

Community Feedback

P
Grace• 22,270

@grace-snow

Posted

Hey, great job on this! It looks spot on and works perfectly for me.

I find the text a little small to read. That may be due to the design. But in work if I was given a design with text this small I would definitely be speaking with the designer to agree a larger font size. Usually they are happy to adjust ☺

Well done again 👏

Marked as helpful

0


Riyana Gueco• 495

@rngueco

Posted

@grace-snow Thank you Grace! 😊

0

@abhineetkandele

Posted

Superb Job!!

Using all the latest HTML tags & building a accordion using only HTML & CSS. 🙌🙌

1


Riyana Gueco• 495

@rngueco

Posted

@abhineetkandele Thank you Abhineet! ☺

0

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 160,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!