Solucionado
No projeto finalizado, se adicionarmos vários itens na lista, então a lista irá forçar o aumento da altura da tela, porém o background não irá aumentar automaticamente.
Consertei isso no CSS trocando dentro do body{} o heigth: 100vh; por heigth: auto; e também adicionei um padding-bottom: 2em; para a lista não ficar grudada na parte debaixo da tela.
Espero ter ajudado.
Olá, Alessandro, como vai?
Muito bom o seu ajuste no CSS! Alterar o height para auto e adicionar padding-bottom são soluções eficazes para garantir que o background acompanhe o crescimento da lista. Isso demonstra uma boa compreensão de CSS por sua parte, e como ele pode ser utilizado para resolver problemas de layout.
Continue assim, suas contribuições são valiosas para todos.
Agradecemos a sugestão!
Conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Atualizando: tive um problema novamente com a altura do background, resolvi trocando o heigth: auto; por min-heigth: auto; .