Gráfico de barras interativo - Com JSON

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! 👋👋