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

FAQs accordion use tailwindcss

PhDBui 260

@congdoan6997

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


I'm Starter!

Community feedback

@NPelivan

Posted

In class .h-screen put min-height: 100vh, so that in smaller resolutions you can scroll through questions when you open them all.

0

PhDBui 260

@congdoan6997

Posted

@NPelivan sorry. i don't understand! can you explain more?

0

@NPelivan

Posted

@congdoan6997 if you open all FAQs on smaller screens with smaller height, you will notice that you can't see the first question and half of the answer. So, if you inspect you will see first div with class .h-screen with height 100vh, remove that and put instead min-height: 100vh; and you will see first question.

Marked as helpful

0
PhDBui 260

@congdoan6997

Posted

@NPelivan thanks so much! I've fixed it!

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