1
resposta

Tamanhos dos Cards do Index.html estão diferentes

Como não tinha de onde baixar os arquivos de imagem, peguei da Internet. Funcionou, mas notei que os tamanhos dos Cards no index.html ficaram diferentes. Como consigo corrigir isso? Obrigado

1 resposta

Olá Juvenal, tudo bem com você?

Peço desculpas pela demora no retorno.

Se os tamanhos das imagens estão diferentes, isso pode ser devido a duas razões principais:

  • As imagens que você baixou possuem tamanhos diferentes em relação às imagens originais que estavam sendo usadas anteriormente no seu projeto.
  • As dimensões das imagens não estão sendo especificadas no código HTML ou CSS

Para corrigir isso, você pode definir um tamanho padrão para as imagens do card através dos atributos width e height largura e altura, respectivamente, da seguinte forma:

<div class="card">
  <img src="caminho/para/imagem.jpg" width="300" height="300">
  <div class="card-text">Texto do card</div>
</div>

Desta forma, se você tiver uma imagem com o tamanho de 500px x 500px e quiser exibi-la em um card padronizado com o tamanho de 300px x 300px, poderá utilizar o código acima.

Ressalto também que as imagens do curso podem ser encontradas no repositório do github do curso:

Observação: para baixar esta pasta em específica, basta usar o DownGit, colar o link da URL do github acima e clicar em "Download", com isto, a pasta imagens será baixada em seu computador.

Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Em caso de dúvidas estou à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!