Estudar e refatorar CSS do front-end

[oEduardoAfonso]

Descrição:

Para a futura manutenção do código e para melhor organizar componentes já criados e os futuros, é necessário refatorar e padronizar o css do código atual.

Tarefas:

• Estudar Styled Components
• Transformar os componentes já criado em Styled Components
• Padronizar o CSS em pixels e não mais porcentagem
• Consertar possíveis bugs por conta das alterações.

Critérios de aceitação:

• Todos os componentes serem Styled Component
• Componentes estarem alinhados e de acordo com o protótipo em 960x540

[oEduardoAfonso]

https://www.youtube.com/watch?v=QdfjWRc4ySA
Neste vídeo tem basicamente tudo que a gente vai precisar.

• Criação de styled component
• Edição do estilo
• Usar javascript dentro do estilo
• Fazer estilos globais
• Criar recursos padrões para importar em outros componentes

[victorhugo21]

https://www.youtube.com/watch?v=c5-Vex3ufFU
Outro vídeo que também mostra bastante coisa, só que em inglês.

Instalem a extensão do styled-components no vscode, fica mais fácil e melhor pra codar.