Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats-preview-card with flexbox

@jaojogadez

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What can I do to improve? I have a question about the color of the image, I didn't know how to change it so I looked online and found a solution, but I couldn't leave the color the same :0

Community feedback

@ThiagoBRG60

Posted

Oi !👋🏻

O seu Stats Preview Card ta muito bom, aqui estão algumas sugestões:

1 - Bom, acho que o principal que eu notei é que você usa css interno pra estilizar os componentes, no html mesmo. E mesmo que esse seja um projeto simples, recomendo criar um arquivo próprio de css mesmo, porque essa prática de css interno para projetos reais é um pouco complicada, e não muito recomendada, pois depois fica ruim para dar manutenção no código e etc, e também para deixar tudo mais organizado mesmo, e não acabar criando um arquivo html gigantesco, dependendo do tamanho do projeto.

2 - Recomendo usar uma tag main dentro do body, pra indicar o conteúdo principal do seu projeto/site.

3 - Um aviso que eu dou é cuidar com nomes, pensar em bons nomes para classes e ids é muito importante, para projetos reais e etc, seja mais objetivo nos nomes e tente evitar dar nomes genéricos, para que os outros também entendam seu código depois.

4 - A última sugestão é deixar o seu site responsivo, usando media queries. Para deixar ele no tamanho exato nas telas menores, de celulares e tablets, pois percebi que em tela de celulares seu site vaza para as bordas. Media queries podem ser um pouco complicadas de entender no começo mas tenho certeza que rapidinho você pega o jeito.

É isso, continue estudando e melhorando, e feliz ano novo! 🤝🏻

Marked as helpful

0

@jaojogadez

Posted

@ThiagoBRG60 Olá, muito obrigado pelo feedback, isso me ajuda a melhorar e tirou dúvidas minhas sobre o css interno e a tag main. Obrigado e feliz ano novo.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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