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

Site FAQs

ianwilk20 220

@ianwilk20

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 are you most proud of, and what would you do differently next time?

When I completed this project, I was most proud of learning how to use media queries to make sites responsive. What I would do differently next time is make the site for mobile first then adjust styles and create media queries as needed for non-mobile devices.

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

Previously I set the attribution's position: absolute with bottom: 10px. I was having trouble getting the attribution to stay at the very bottom of the page when viewing the page on different devices. When selecting a question to expand the answer, the card would, at times, cause the page to increase in size and show a scroll bar. But, the attribution would remain where it was before the page increased in size, rather than stay at the absolute bottom of the page.

As a better alternative, I set the attribution's position: fixed so it will always be at the bottom of the page, even when the page increased in size.

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

I look forward to any feedback that would help me improve as a developer.

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