Submitted over 1 year ago

👨‍💻 Faq accordion card w/ (HTML + SASS + Bootstrap + JS)

#accessibility#bootstrap#sass/scss

Adriano• 33,960

@AdrianoEscarabote

Preview site View code

This is a solution for...

FAQ accordion card

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

👨‍💻 Hello everyone.

DAY 5/7

This was an interesting challenge to do, it was my first bootstrap project, so if you find any bugs or a way I can improve my code, feel free to let me know.

The boostrap really helps in the development of the layout, but there are times that the scss code you write from (conflict) with the bootstrap, this is pretty annoying, I know I can change the bootstrap source codes if I download it, but that It also takes time, in short, I need to train more.

Feel free to leave comments on how I can improve my code.

Thanks! 😊

Community feedback

Lucas 👾• 104,580

@correlucas

Posted over 1 year ago

Boa solucao de novo, parabéns lek.

Uma coisa que vc pode fazer pra melhorar a lista é dar um padding maior pro botao de drop down pra fazer ele ficar mais facil de clicar, pq do jeito que esta fica meio dificil de abrir o dropdown clicando no icone, ja com o texto é bem mais facil por causa do espaco de contato.

Uma animacao bem loka que você pode adicionar é essa aqui, pra dar aquele toque especial:

https://applepiegiraffe.github.io/faq-accordion-card/ inspirada na solução do @ApplePieGiraffe

Continue no projeto 7/7

Marked as helpful

Adriano• 33,960

@AdrianoEscarabote

Posted over 1 year ago

@correlucas valeu man, o projeto do dia 7 vai ta top!!

Please log in to post a comment

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