FAQ accordian

What are you most proud of, and what would you do differently next time?

I am proud of my website being accessible using keyboard.

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

I was facing some challenge in adding some animation/transition to the accordion, but after a little trial & error I was able to fix it:

.answer {
    color: var(--grayish-purple);
    padding-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding-top 0.3s ease;
}

.active {
    max-height: max-content;
    padding-top: 0.5em;
}

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

CSS techniques, JS best practices, accessibility