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 using html css js

learner11 60

@b-kuhu

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Although i am aware of using media queries for sizing accordion according to different sizes but somehow i feel this is not the most efficient way to do it. Will appreciate any feedback on how to improve from here in CSS of my project,

Community feedback

Nipaaaa1 350

@Nipaaaa1

Posted

Congratulations on completing this challenge!

There's something you could do to improve the CSS here.

You're using height: 60% for the container. While sometimes it's a good thing to do, in this case, using height: auto will make the container height resize according to the content.

You will notice the container just collapses if the screen height is smaller.

Anything else is fine, Good Job!

0

learner11 60

@b-kuhu

Posted

@Nipaaaa1 thanks I'll look into that right away.

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