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 FAQ Accordion

Manav 390

@manav-sharma69

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


What challenges did you encounter, and how did you overcome them?

I was really struggling with removing the scrollbar and crawlbar. The reason they were there was that the `` element had its default list-style properties. When I set that to none, the problem was solved.

What specific areas of your project would you like help with?

Any feedback related to better rendering of the image - in the sense that it maintains its ratio (meaning, if in desktop view or mobile view the background image takes a height of say 15%, then no matter which width you are at, its height should be 15% of viewport height and the image should still have full width). I don't mean to just set these properties via width or height or background-size and similar things or using vh or other relative units. I guess they won't work for the images provided for this challenge anyway!

Something smarter? So, that browser does the calculation, not the author.

Community feedback

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