Solucionado
Pessoal,
Eu segui os passos das aulas, mas mesmo assim, a minha imagem está muito grande, saindo do body.
O que pode estar errado?
* {
margin: 0;
padding: 0;
}
body {
height: 100vh;
box-sizing: border-box;
background-color: black;
color: white;
}
.titulo-destaque{
color:aqua;
}
hoje, com a Alura e o Google Gemini
Olá, Nickolas.
Tudo bem?
Verifica se sua tag <img> está dentro da tag <main> certinho, você pode tentar seguir o curso, porque depois vai definir uma largura de width: 50%; para a imagem ai vai ajustar legal. Se mesmo assim depois ficar grande, você ajusta definindo uma largura fixa width: 450px; e uma altura fixa height: 550px; para ela.
Por exemplo ficaria assim:
img{
width: 450px;
height: 550px;
}
OBS: Eu usei a tag img para referenciar a imagem no CSS, mas o certo é utilizar uma classe CSS, se não todas imagens vão ficar com esse tamanho.
Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.