https://github.com/Lucasmagaro/LISTA-DE-COMPRAS-EM-TESTE.git
O checkbox está ficando em cima do produto e não ao lado, como o padrão do CSS. Além disso, os botões de editar e lixeira estão com espaçamento diferente do CSS. como resolver?
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!
https://github.com/Lucasmagaro/LISTA-DE-COMPRAS-EM-TESTE.git
O checkbox está ficando em cima do produto e não ao lado, como o padrão do CSS. Além disso, os botões de editar e lixeira estão com espaçamento diferente do CSS. como resolver?
tenta trocar o const da linha 43 por "label" deve ficar assim
const nomeDoItem = document.createElement('label');
depois faz os ajustes do estilo no CSS, isso vai dar um problema de associação da label dentro do formulário ainda não consegui resolver isto mas o código fica funcional
const NomeDoItem = document.createElement("p"); vc fala de trocar pelo const nomeDoItem = document.createElement('label'); ?
.item-lista-container div { display: flex; gap: 8px; }
consegui resolver, joguei no CSS este código acima.