Gráfico de barras interativo - Com JSON
Design comparison
Solution retrospective
Primeiro projeto que eu consigo usar JSON por conta própria. Estava tendo alguma dificuldade em usar arquivos JSON, então escolhi esse projeto na intenção de melhorar nesse quesito, e funcionou bem, por ser um projeto simples
Community feedback
- @Irwing-DevPosted 9 months ago
Olá Rodrigo! 👋
Gostei da sua solução usando HTML e JavaScript puros para criar esse gráfico de barras interativo. Normalmente utilizamos bibliotecas para fazer essa responsividade.
Tem apenas um ponto que eu recomendo que você melhore:
- A tag main está com uma escala muito alta na resolução de desktop, não dá para ver direito a seção onde está a logo e o saldo, parece que está cortado. O site também está com uma barra de rolagem, sendo que o card não contém tanta informação assim, recomendo que você altere a propriedade css do main de:
main { // Seu CSS scale: 1.5; }
Para:
main { // Seu CSS scale: 1.2; }
Essa escala permite que o main fique em um bom tamanho, cobrindo todo corpo do site, mas sem deixar a barra de rolagem e o aspecto de que tem algo faltando. 😉
Espero que isso tenha lhe ajudado, desejo-lhe boa sorte nos seus estudos, até mais! 👋👋
Marked as helpful1@Rodrigo-Oliveira-de-MattosPosted 9 months ago@Irwing-Dev Obrigado pela dica, arrumarei esse detalhe em breve. Eu fiz esse projeto antes de dormir, e essa parte da escala foi feita bem depois, nem lembrava que tinha feito isso.
0@Irwing-DevPosted 9 months agoPor nada, fico feliz em tê-lo ajudado, qualquer dúvida ou se precisar de ajuda, estou por aqui😉
1
Please log in to post a comment
Log in with GitHubJoin 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