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?
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.