Frontend Mentor - Componente interativo de avaliação

Essa é a minha solução para o desafio Interactive rating component challenge on Frontend Mentor

O desafio

O usuário deve ser capaz de:

• Ver o layout responsivo compatível com o tamanho da tela
• Ver a mudança do layout com base na pseudo-classe :hover
• Selecionar e enviar uma nota
• Ver a imagem "Obrigado!" após enviar o formulário de avaliação

Minha Solução - Screenshot

Links

• Solução que eu postei no Frontend Mentor: @ValeItalo
• Meu site: https://avaliacao-interativa.netlify.app/

Criação

• HTML semântico
• Variáveis CSS
• Flexbox
• Mobile first
• JavaScript

O que eu aprendi

A proposta de utilizar variáveis CSS para as cores foi extremamente útil.

Eu pretendo utilizar esta técnica nos meus próximos projetos.

:root {
    --orange: hsl(25, 97%, 53%);

Autor

• GitHub - ValeItalo
• Frontend Mentor - @ValeItalo