NFT preview card with flexbox

Olá @jaojogadez, tudo bem? Parabéns por concluir o desafio! Aqui estão algumas sugestões para aprimorar ainda mais o seu projeto:

HTML Semântico: Tente usar mais elementos semânticos do HTML. Isso não só melhora a acessibilidade, mas também torna o seu código mais organizado e fácil de entender.

Atributo alt: No atributo alt das suas imagens, tente fornecer uma descrição mais detalhada. Isso é especialmente útil para usuários que dependem de leitores de tela.

Classes CSS: Notei que as classes .div1 e .div2 têm propriedades muito semelhantes. Você pode considerar a criação de uma classe comum para ambas e, em seguida, adicionar classes auxiliares para quaisquer modificações específicas. Por exemplo:

Ex:

.footer-content {
      display: inline-flex;
      width: 100%;
      align-items: center;
      padding: 10px;
      gap: 5px;
}

.footer-content.-eth {padding: 10px;}
.footer-content.-days { font-size:16px; font-weight: 400;}

Efeito Hover: Parece que o efeito de hover do desafio ainda não foi feito.

Se ficou com alguma dúvida, pode perguntar =)

Bom trabalho! Não se esqueça dos recursos visuais da imagem ao passar o mouse.