Não consigo redimensionar a imagem e tirar a parte branca da caixa de imagem. https://github.com/MateusY8/alura_space
Não consigo redimensionar a imagem e tirar a parte branca da caixa de imagem. https://github.com/MateusY8/alura_space
Oi, Matheus! Tudo bem?
Você comentou sobre uma “parte branca”, acredito que esteja falando do mesmo comportamento descrito neste outro tópico seu, certo?
Ao investigar seu CSS, percebi que as alterações feitas no style.css não estavam refletindo na aplicação. O me levou a suspeitar que outro arquivo estivesse sobrescrevendo suas regras de estilo.
E de fato, no seu arquivo base.html, há a seguinte linha importando o Bootstrap:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
Ao remover essa linha, a imagem passou a ser exibida corretamente, como mostrado no curso, sem as barras brancas no background.
Inclusive, conferi o código do instrutor, e o Bootstrap não é importado. Você pode verificar isso neste link: base.html do instrutor.
Então indico que você faça as seguintes ações:
remova essa linha referente ao Bootstrap
salve o arquivo
execute novamente sua aplicação com o comando:
python manage.py runserver
Espero ter ajudado!
Qualquer dúvida que surgir, é só compartilhar aqui no fórum. Abraços e bons estudos!