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

Mobile first FAQ Accordion Card using vanilla JavaScript and Sass

@vivienbalint

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


This is my first Frontend Mentor project, any feedback is welcome! :D

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Hi, Vivien! Congrats on completing your first challenge! 🎉

You really did an excellent job here. Just a few small suggestions:

  • To clear up the issues on your report, simply add alt attributes and values to your imgs.
  • Playing around with percentage values for the height and width of the faq container would be a nice way of adding a little bit of responsiveness. When doing this I suggest also setting a max-width (and sometimes even a min-width) so things never get too stretched looking. I also suggest looking into Flexbox for future projects - very useful and definitely worth learning.

Again, good job - looking forward to your next solution!

2
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Oh, yes, great work, Vivien Bálint! 👏

Your solution looks great and responds well! Your accordion card works well, too! 🙌

Just follow brasspetals' suggestions and you should be good to go! 👍

Keep coding (and happy coding, too)! 😁

1

@vivienbalint

Posted

Thanks to both of you! :)

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