@hyrongennike
Posted
Hi @Kdt98,
Congrats on completing the challenge
change the height: 60vh
to height: 450px
on the #img section then add the following.
#faq {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
}
You can add the following to center the card in the middle of the page.
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
}
Also maybe just let one accordion be open at a time should be simple enough just need to go over all the accordions and remove the .active class and set the max-height: 0
. Also check the error in the report above those are important.
Hope this is helpful.
Marked as helpful
@Kdt98
Posted
@hyrongennike Hey Hyron, thanks for sharing your thoughts!