Com esse projeto reforcei conceitos aprendidos anteriormente. Não é responsivo ainda, mas logo logo chego lá.
Aprendi grid, placeholder, input type number com valor mínimo e importar fontes.
Comparado ao projeto anterior melhorei a aplicação de classes, a aplicação de labels e a organização das divs.
Aprendi também a desativar a seta padrão do select e trocar por uma seta fake (só tem função estética; sei que dá para fazer com Javascript, mas por hora optei fazer apenas com HTML e CSS mesmo. Usei como base esse tutorial: https://levelup.gitconnected.com/css-only-custom-styled-select-99b1b022bfbf).
Em Javascript, fiz uma função para chamar atenção caso o usuário não preencha algum campo do formulário. E também uma função para validar cada checkbox.
Minha imagem de inpiração:
O resultado que consegui:
😉 Então isso é pessoal.
⏭️ Até o próximo projeto !