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

html scss

yuenu 505

@yuenu

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Your comments and suggestions are welcome!

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

It's such a great solution! That tiny animation on the box is a nice little touch! Do you have any resources you could recommend where you learned that? :3 I'd love to add stuff like that to my projects..

The only thing I noticed and you could potentially change are your alt texts for the arrow buttons. I believe, it would be nicer to leave them empty as a screen reader would probably announce all 5 of them. If the whole question is a button anyway, those alts are probably unnecessary. ^^

1

yuenu 505

@yuenu

Posted

@FluffyKas

I appreciate your suggestion very much, it's helpful

And I learned from Youtube(Dev Ed、Kevin Powell...)、codepen(view others source code)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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