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

Usei Flex-Box!

@guthierryschiavo

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


Eu não fiz a versão MOBILE ainda por não saber usar Media queries! Mas esse desafio foi um pouco mais difícil de completar.

Community feedback

@dannygomes

Posted

Está porreiro!

A única recomendação que eu faria é em vez de adicionar tantos valores de padding únicos a cada elemento individual acho que fica melhor removê-los e adicionar um padding geral ao teu div com classe "content".

Experimentei remover o padding do <h1>, do <p> e dos <ul> e depois adicionei um padding: 3rem ao div que tem classe content. Na minha opinião fica mais centrado no div de conteúdo e dá um aspeto mais limpo, simétrico e consistente, até o ficheiro CSS fica mais fácil de ler.

Media queries vai ser relativamente fácil de apanhar o jeito se ja sabes CSS assim. Boa sorte!

Marked as helpful

1

@guthierryschiavo

Posted

Obrigado pelo feedback, vou tentar utilizar esse método que você mencionou! Thank You so much! @dannygomes

1

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