melhoraria as cores.
What challenges did you encounter, and how did you overcome them?não foi muito dificil.
I would like to update the project to focus on accessibility. It's an area that I still need to improve. I'd really appreciate any advice regarding that. Also, I'd really appreciate if you could provide feedback about my fetch implementation.
melhoraria as cores.
What challenges did you encounter, and how did you overcome them?não foi muito dificil.
Boa noite mano!
Se não for problema, gostaria de oferecer algumas dicas para melhorar sua solução:
Vi que no CSS da sua tag <body> você colocou a propriedade height
como 100vh
. Peço que abra sua página no modo mobile. Em resoluções menores o cartão fica cortado, pois se limita à altura da viewport. Substitua o height
por min-height
para garantir que a altura aumente caso necessário.
Experimente utilizar tags semânticas na sua solução, como a tag footer
para englobar o conteúdo relacionado ao rodapé, no caso, o conteúdo de attribution. Tente também colocar o conteúdo "principal" da página em uma tag main
, pois ela sinaliza que aquele conteúdo é único da página. Por exemplo, o footer se repetiria em várias outras páginas, já o cartão não.
Vi que não colocou nenhum efeito nos links. Tente utilizar a pseudo-classe :hover
para adicionar mais interatividade no seu componente. Por exemplo, quando o usuário colocar o mouse em cima do botão, pode mudar a cor do texto e do background. Por exemplo:
#social-links a:hover {
background-color: greenyellow;
color: black;
}
Espero que tenha te ajudado de alguma forma!