Boa noite,
Realizamos a montagem de acordo com a aula, mas desde quando realizamos o download das imagens e colocamos no index.html, as mesmas já ficaram com espaçamento. Após a inicialização da estilização, os elementos ficaram todos separados, desta forma como mostra a imagem em anexo.
Poderiam nos ajudar?
Obrigado!
hoje, com a Alura e o Google Gemini
Olá Carine!
Como não tenho acesso ao seu projeto, sugiro que realize testes com outras imagens para verificar se o problema está em alguma delas. Esta é uma maneira eficaz de testar o seu código. Recomendo inspecionar os elementos e verificar se algum margin ou padding foi adicionado a eles, o que poderia estar causando esse espaçamento. Além disso, verifique se o seu display: flex está configurado corretamente, conforme demonstrado na aula.
display: flex;
justify-content: space-between;
Por fim peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.
Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.
Olá Carine!
Carine, isso pode está ocorrendo por causa da forma como você baixou os icones:
observe que ha duas formas de selecionar o icone, na primeira esta sendo selecionada o icone com uma margem e isso pode está atrapalhando no alinhamento. Já na segunda forma, observe que está sendo selecionado apenas o icone, sem a margem. Acredito que esse possa ser o motivo dos icones já estarem com espaçamentos.