Estou com problemas pois apos criar um novo elemento na lista o css nao esta configurando da maneira certa o novo elemento.
Codigo no link : https://github.com/Matheus-Akio1/JavaScript-Criando-um-Site-Dinamico.git
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Estou com problemas pois apos criar um novo elemento na lista o css nao esta configurando da maneira certa o novo elemento.
Codigo no link : https://github.com/Matheus-Akio1/JavaScript-Criando-um-Site-Dinamico.git
Olá, Matheus. Como vai?
O que está acontecendo é que você está aplicando os estilos a <div> desses elemento com a classe .container-item-compra, dessa forma:
.container-item-compra {
display: flex;
}
Entretanto, essa classe não está sendo aplicada quando <div> é criada no javascript. Você pode fazer uma pequena alteração no seletor para que não precise alterar o JS, seu CSS deve ficar assim:
.item-lista-container div {
display: flex;
gap: 8px;
}
Essa alteração foi o suficiente para aplicar os estilos corretamente.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)