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

Responsive accordion card (css, little js, flexbox)

P

@gsterczewski

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


Any feedback is welcome.

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, there, Grzegorz Sterczewski! 👋

Great job on this challenge! 👏 Your solution looks good, is responsive, and the accordion card works well! 👍

The only tiny thing I might suggest is that it would be nice if you made the width of the accordion card a little bigger in the mobile layout of the site while there is still room. You could add width: 100% or something to the accordion card and then add a max-width to keep it from becoming too wide so that it has a comfortable amount of space in the mobile layout but will still shrink when the width of the viewport gets too small. 😉

Keep coding (and happy coding, too)! 😁

1
Web Frog 1,840

@MasterDev333

Posted

Great work @GSterczewski. Please set overflow-x: hidden in mobile. Overall, it's great! Happy coding :)

1

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