3
respostas

Os ícones favorito, compra e perfil não está posicionada à direita

Olá!! Tudo certo?

Conforme a imagem abaixo, os ícones favorito, compra e perfil não está posicionada à direita dentro cabeçalho:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

O que deveria ser feito de acordo com o projeto figma:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Não consegui entender o que aconteceu, pois no css está escrito conforme a aula. Alguma coisa faltou ou alguns códigos pode ter afetado? Link github para análise: https://github.com/GuiAgost/alurabooks

3 respostas

Olá Guilherme, tudo bem?

Com qual largura de tela você está tendo esse comportamento? Eu fiz alguns testes por aqui e o comportamento se perde um pouco em larguras menores. Se você puder verificar te ajudo a deixar mais parecidos com o Figma. Nos meus testes, com seu código, por exemplo, para esta largura aqui está ok:

Exemplo de Imagem com largura compatível

Tudo bem André!!

É desta dimensão que ocorre este comportamento: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

O projeto desenvolvido foi feito para esta dimensão. No curso, para a instrutora não ocorre este problema.

Olá Guilherme, tudo bem?

No seu arquivo index.html tem alguns elementos extras que podem estar prejudicando o alinhamento dos elementos na tela (tem uma lista duplicada, aparentemente). Sugiro também revisar o seu arquivo de css (do header) e tentar substituir as unidades absolutas (em px) por unidades relativas (rem para fonte, por exemplo) ou em % para largura.