Olá, como faço para pegar uma imagem no google (qualquer) e que caiba exatamente no tamanho da página, ou exatamente do tamanho da imagem de exemplo que criamos nas primeiras aulas.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, como faço para pegar uma imagem no google (qualquer) e que caiba exatamente no tamanho da página, ou exatamente do tamanho da imagem de exemplo que criamos nas primeiras aulas.
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 */ }
Lembre de sempre usar o object-fit para controlar como a imagem se ajusta ao espaço.