Profile card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

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

  Marked as helpful

  2
• 

  Adriano•38,390

  @AdrianoEscarabotePosted over 2 years ago

  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. 👍

  Marked as helpful

  1

  ---

  

  Luciano Oliveira•300

  @LucianoOliveira1Posted over 2 years ago

  @AdrianoEscarabote Obrigado pelas dicas Adriano, não havia me atentado a esses detalhes! 🙂

  0