Nota

Todos los desafíos pueden parecer incompletos por defecto, ya que contienen secciones en blanco donde es necesario ingresar el código correspondiente. Una vez que complete correctamente estas secciones en blanco, el código finalizado se mostrará en la página en vivo.

Además, cada desafío incluye dos botones: Hint y Solution. Al hacer clic en Hint se muestran pequeñas pistas para el desafío actual, mientras que al seleccionar el botón Solution se abre una nueva pestaña con el desafío resuelto.

Cómo trabajar con Code Sandbox

Tarea: Crear una Tarjeta de Producto

Crea la tarjeta de producto y renderízala en el DOM. La tarjeta de producto debe incluir:

1. La imagen del producto (elemento img).
   • El atributo src debe ser igual a la variable imageUrl.
   • El atributo alt debe ser igual a la cadena Computer.
   • El atributo width debe ser igual a 256.
2. El título del producto (elemento h3).
   • Su contenido de texto debe ser Computer.
3. El precio del producto (elemento span).
   • Su contenido de texto debe ser Price: $129.99.
4. La descripción del producto (elemento p).
   • Su contenido de texto debe ser New Model.

1. El atributo src debe contener la variable imageUrl como valor. Utiliza llaves {}.
2. El atributo alt debe contener la cadena "Computer" como valor. Enciérralo entre comillas dobles.
3. El atributo width debe contener el número 256 como valor. Utiliza llaves {}.
4. Asegúrate de que los elementos h3, span y p tengan los valores correctos.