new version in the cloud

Author: alesanchezr

.devcontainer/devcontainer.json

@@ -22,7 +22,7 @@
 	// Use 'forwardPorts' to make a list of ports inside the container available locally.
 	// "forwardPorts": [],
 
-	"onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@4.0.10 -g && learnpack plugins:install @learnpack/html@1.1.7"
+	"onCreateCommand": "npm i jest@29.7.0 jest-environment-jsdom@29.7.0 -g && npm i @learnpack/learnpack@5.0.7 -g && learnpack plugins:install @learnpack/html@1.1.7"
 
 	// Use 'postCreateCommand' to run commands after the container is created.
 	// "postCreateCommand": "yarn install",

exercises/04-list-styling/README.es.md

@@ -22,18 +22,21 @@ Eliminará los números o viñetas y moverá el texto hacia la izquierda para qu
 
 **Nota:**
 
-Construye el código existente primero para ver cómo se ve originalmente la página. Luego, realiza los cambios a continuación y construye de nuevo.
+Ejecuta el código existente primero para ver cómo se ve originalmente la página. Luego, realiza los cambios a continuación y construye de nuevo.
 
 ## 📝 Instrucciones:
 
-1. Convierte los números de las bebidas de Coca Cola en letras minúsculas.
-2. Convierte los números de las bebidas de Pepsi en viñetas cuadradas.
-3. Convierte las viñetas de las bebidas Saludables en números armenios.
-4. Elimina completamente las viñetas de las bebidas de web-developer.
+La regla `list-style-type` tiene muchos valores interesantes, utilizala para lograr:
+
+1. Conviertir los números de las bebidas de Coca Cola en letras minúsculas (Usa `lower-alpha`).
+2. Conviertir los números de las bebidas de Pepsi en viñetas cuadradas.
+3. Conviertir las viñetas de las bebidas Saludables en números armenios.
+4. Eliminar completamente las viñetas de las bebidas de web-developer.
 
 ## 💡 Pistas:
 
 - Cómo trabajar con estilos de lista en CSS: https://www.w3schools.com/css/css_list.asp
 - Cambiar viñetas por números y viceversa significa que necesitarías cambiar el tipo de lista, ordenada o no ordenada. Es posible que se requieran cambios en las etiquetas HTML.
 - `armenian` es un valor posible real de `list-style-type`: https://www.w3schools.com/cssref/pr_list-style-type.asp
+- `lower-alpha` es un valor posible real de `list-style-type`.
 

exercises/04-list-styling/README.md

@@ -27,8 +27,10 @@ Then make the changes below and run again.
 
 ## 📝 Instructions:
 
-1. Make the Coca Cola drinks numbers into lowercase letters. 
-2. Make the Pepsi drinks numbers into square bullets.
+Use the CSS rule `list-style-type` and CSS to:
+
+1. Turn the Coca Cola drinks numbers into lowercase letters  (Use `lower-alpha`) 
+2. Turn the Pepsi drinks numbers into square bullets.
 3. Make the Healthy drinks bullets into Armenian numbers.
 4. Completely remove the bullets from the web-developer drinks. 
 

learn.json

@@ -20,7 +20,7 @@
     "disabledActions": [],
     "disableGrading": false,
     "editor": {
-        "version": "4.0"
+        "version": "5.0"
     },
     "telemetry": {
         "batch": "https://breathecode.herokuapp.com/v1/assignment/me/telemetry"