Esta é uma solução para o Results summary component challenge on Frontend Mentor. Os desafios do Frontend Mentor ajudam-no a melhorar as suas capacidades de codificação através da construção de projectos realistas.
- [O Desafio](# o desafio)
- Captura de ecrã
- Links
- O meu processo
- Construído com
- O que aprendi
- [desenvolvimento continuado](#continuação do desenvolvimento)
- [Recursos úteis](#recursos úteis)
- Autor
- Agradecimentos
Note: Apague esta nota e actualize o índice com base nas secções que guarda.
Os utilizadores devem ser capazes de o fazer:
- Ver a disposição óptima da interface, dependendo do tamanho do ecrã do seu dispositivo
- Ver os estados de pairar e focar para todos os elementos interactivos na página
- URL da solução: Adicione aqui o URL da solução
- URL do sítio em directo: Adicione aqui o URL do sítio em directo
Basicamente eu demorei algumas horas pra finalizar esse projeto. Eu comecei dando as classes pra todos elementos html, refatorando tudo pra inglês, pois é uma forma de eu começar a praticar o inglês nos códigos.
Antes de finalizar busquei refatorar todo código css pra diminuir as linhas.
- Marcação HTML5 semântico
- Propriedades personalizadas do CSS
- Flexbox
- Fluxo de trabalho Dekstop-primeiro
- HTML - Biblioteca do HTML
- CSS - Biblioteca do CSS
Apenas botei em prática tudo que aprendi. Eu fiquei muito em dúvida no sumário, como eu chamaria os socres visual, memory, reaction, verbal. Após algum estudo resolvi chamar eles pela classe span
Primeiramente refatorar o CSS. Atualmente está com 171 linhas. Quero reduzir bem ele, e as variáveis estão em português.
- Linkedin - Gustavo Araujo
- Frontend Mentor - @onedreamcwb
Agradecimentos ao Allan que me ajudou a ver um erro em meu código onde eu estava fazendo uma chamada global no body com view-height
e não view-width
e a disponibilizar seu tempo pra sempre tentar ajudar.
Allan Rodrigues |
Gustavo Araújo |