Only HTML CSS Flexbox & JavaScript!

@ApplePieGiraffe hey! thanks, you will hear more about me in the future here!

-Adding cursor: pointer to the titles of the FAQs. pretty important detail! i forgot it.

-Adding a max-width to the accordion component so that it doesn't grow too wide on extra-large screens. oh, its a better idea, it would save me a lot of work with media queries, thanks

Hey @felipeog! Thanks for taking the time to check my code!

-I believe that using the background pattern as .illustration-div's background-image would be a better approach Ohh, its true, by doing that would have saved me a lot of time! -Fixed

-When an accordion is open, the arrow should be pointing up and the question should be bold Lol, i forgot to add that functionality in the .js file, i even selected the icons with the querySelectorAll, i always forgot some detail haha, thanks! -Fixed

-The FAQ title should be bold i know that but i don't know how to do it :(, i tried with font-weight: bold and font-weight: 900, but it didn't work for some reason.

-The code indentation is inconsistent, you could use a formatter plugin Ohh, i didn't know that existed, definitely that will help me a lot!

thanks so much again you helped me a lot to keep improving!

Hey, @eZapataCode!

Good job on the fixes, it is looking good.

About the font weight, you can define the weights you want on the Google Fonts import: Kumbh+Sans:wght@300;400;700

Happy coding!

@felipeog Aahh, so that's how it's done, thanks! i've already fixed it!