Não consigo redimensionar a imagem e tirar a parte branca da caixa de imagem. https://github.com/MateusY8/alura_space
Solucionado
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!
Ja fiz isso e não resolveu
Oi, Mateus!
Como aqui funcionou corretamente com a remoção da linha do Bootstrap, suspeito que o problema ainda esteja em algum desses pontos:
base.html logo após remover a linha do Bootstrap. Se o arquivo não for salvo, a alteração não terá efeito. Após a remoção, salve com CTRL + SCtrl + Shift + R (ou Cmd + Shift + R no Mac).python manage.py runserver depois da alteração.templates/shared/base.html.Mateus, notei que o seu outro tópico foi marcado como solucionado, acredito que você encontrou a solução. Mas caso o problema persista, fico à disposição!