Dúvida sobre o tamanho da imagem

Oi Laís, tudo bem?

Para pegar uma imagem do Google e fazer ela caber exatamente no tamanho da página (ou no tamanho de uma imagem de exemplo), você pode seguir esses passos básicos usando CSS: 1. Escolha a imagem no Google e baixe para seu computador (não use direto o link do Google para evitar problemas de hotlinking e carregamento). 2. No seu CSS, defina o tamanho da imagem para preencher a área desejada. Por exemplo, para a imagem ocupar toda a largura e altura da página, você pode usar: img { width: 100vw; /* 100% da largura da viewport / height: 100vh; / 100% da altura da viewport / object-fit: cover; / ajusta a imagem para cobrir todo o espaço, cortando partes se necessário */ }

1. Se quiser que a imagem fique do mesmo tamanho que a imagem de exemplo que usaram nas primeiras aulas, veja o tamanho em pixels dessa imagem e defina no CSS, algo assim: img { width: 600px; /* exemplo de largura / height: 400px; / exemplo de altura / object-fit: contain; / ajusta a imagem para caber inteira sem cortar */ }

Lembre de sempre usar o object-fit para controlar como a imagem se ajusta ao espaço.