Profile card component

👾Fala Luciano, tudo bem? Parabéns pelo desafio!

Acabei de ver sua solução aqui e está muito boa, a única coisa que você poderia mudar é o efeito overflow: hidden que está cortando o texto do seu cartão quando ele diminui, pode notar que depois de 300px o texto dos status começa a desaparecer na parte inferior.

Um jeito de resolver isso é removendo overflow: hidden e colocar um media query pra gestir o espaço da secao do profile status. Olhe o codigo abaixo pra resolver isso:

@media (max-widthl: 280px) {
.stats {
    flex-direction: column;
}}

👋 Espero ter ajudado e continue no foco!

Opa Luciano, tudo bom?

Espero que sim.

Você acertou muito neste projeto! Parabéns. Tenho algumas dicas para você, que talvez te interesse:

1- em telas maiores os círculos do background estão se juntando, aconselho você a posicioná-los com alguma unidade de medida de relativa no eixo horizontal para que quando a imagem aumentasse o 'gap' entre as imagens continuasse.

2- colocar um padding lateral no body, para que em telas menores o card não fique batendo na borda.

O resto está tudo ótimo. Parabéns.

Espero que ajude... Não esqueça de marcar como útil. 👍