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

Responsive FAQ Accordion using Tailwind-CSS.

P

@flaviare1s

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


Hello! I redid the challenge using Tailwind and with cleaner and smaller JavaScript code.

Community feedback

Daniel 🛸 44,250

@danielmrz-dev

Posted

Parabéns por mais um projeto @flaviare1s! 😊

Teu código Javascript ficou ótimo!

Quando fiz esse projeto, meu javascript era uma porcaria kkkkkkkkk o código ficou enorme e ainda ficou com um bug que eu não sabia resolver, que precisava clicar duas vezes pra abrir a pergunta.

Você tá estudando Javascript pelo Origamid, né?

1

P

@flaviare1s

Posted

@danielmrz-dev

Oi Daniel! Comecei sim o curso e hoje assisti um capítulo exatamente sobre FAQ e Accordion, aí decidi refazer o desafio. Eu já tinha feito ele antes, se você olhar o meu código anterior, vai dar risada. Kkkk. O código enorme também, coloquei id para cada item de pergunta e resposta. 😄

1
Daniel 🛸 44,250

@danielmrz-dev

Posted

@flaviare1s

Legal, o bom dessa plataforma é que você aprende as coisas no curso e sempre tem um projeto sobre aquele tópico estudado pra você praticar 😁

1
P

@flaviare1s

Posted

Verdade, @danielmrz-dev .

Depois que eu terminar o curso de Javascript e o de React, vou fazer HTML e CSS. Muita coisa ainda para aprender. Eu não conhecia essas tags de HTML, dl , dt e dd. CSS é um mundo. Teve um desafio aqui que eu não consegui fazer direito uma div com um fundo arredondado. O código ficou como se estivesse todo remendado e o visual não saiu direito. O desafio é o Workit Landing Page, você fez ele?

0
Daniel 🛸 44,250

@danielmrz-dev

Posted

@flaviare1s

Verdade... é um mundo de coisas pra aprender. HTML fora as tags, tem também os atributos de tags. CSS nem me fale, é tanta coisa que não dá nem pra começar a falar kkkkk.

O desafio da landing page workit que você falou é um desafio premium, eu não tenho acesso a ele, minha conta é free aqui na plataforma.

1
P

@flaviare1s

Posted

@danielmrz-dev , entendi. Fiz a assinatura premium porque quero começar a aprender a mexer no Figma, pois quero trabalhar na área e acho que é o que o pessoal usa, né? Mas confesso que não consigo entender bem o Figma ainda. Você tem alguma dica de vídeo que ensina?

0
Daniel 🛸 44,250

@danielmrz-dev

Posted

@flaviare1s

Não conheço nenhum vídeo que ensina... os professores usam nas aulas, mas é basicamente pra entender o design antes de começar a desenvolver. Pelo que entendi até agora, dev não precisa saber mexer muito no Figma. É mais uma ferramenta pra gente não precisar ficar adivinhando os tamanhos, espaçamentos e disposição dos elementos.

1

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