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
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
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:
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!