Poorque quando abaixo SVG outras imagens o tamanho não fica igual dos livros da AluraBooks?

Olá, Jaiane! Tudo bem?

Isso acontece porque no código do AluraBooks temos classes que controlam o tamanho da imagem, a fim de manter uma maior organização no projeto. Podemos usar o CSS para definir um tamanho máximo para as imagens, então elas não vão passar desse tamanho, mas ainda poderão se adaptar ao espaço disponível.

Por exemplo, com o seguinte código CSS:

img {
  max-width: 100%; /* não deixe a imagem ser maior que o container */
  height: auto; /* ajuste a altura automaticamente para manter a proporção */
}

Dessa forma, a imagem não vai ficar maior que a área que ela está inserida, mas continuará com uma boa aparência, mesmo se a tela for menor.

OBS: Ao usar a tag img todas as imagens vão sofrer as modificações, para maior controle recomendo o uso de class.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Tá certo, muito obrigada Victor.