Nota

Todos os desafios podem parecer quebrados por padrão, pois contêm seções em branco onde é necessário inserir o código apropriado. Assim que preencher corretamente essas seções em branco, o código completo será exibido na página ao vivo.

Além disso, cada desafio possui dois botões: Hint e Solution. Ao clicar em Hint, pequenas dicas para o desafio atual são exibidas, enquanto selecionar o botão Solution abre uma nova aba com o desafio concluído.

Como trabalhar com o Code Sandbox

Tarefa: Criar um Cartão de Produto

Crie o cartão de produto e renderize-o no DOM. O cartão de produto precisa de:

1. A imagem do produto (elemento img).
   • O atributo src deve ser igual à variável imageUrl.
   • O atributo alt deve ser igual à string Computer.
   • O atributo width deve ser igual a 256.
2. O título do produto (elemento h3).
   • O conteúdo de texto deve ser Computer.
3. O preço do produto (elemento span).
   • O conteúdo de texto deve ser Price: $129.99.
4. A descrição do produto (elemento p).
   • O conteúdo de texto deve ser New Model.

1. O atributo src deve conter a variável imageUrl como valor. Utilize chaves {}.
2. O atributo alt deve conter a string "Computer" como valor. Coloque entre aspas duplas.
3. O atributo width deve conter o número 256 como valor. Utilize chaves {}.
4. Certifique-se de que os elementos h3, span e p tenham os valores corretos.