diff --git a/challenges/html5-and-css.json b/challenges/html5-and-css.json
index 85fb8ff6e3c..21703f1faf7 100644
--- a/challenges/html5-and-css.json
+++ b/challenges/html5-and-css.json
@@ -459,8 +459,17 @@
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
- "nameEs": "",
- "descriptionEs": [],
+ "nameEs": "Waypoint: Utiliza una clase CSS para darle estilo a un elemento",
+ "descriptionEs": [
+ "Crea una clase CSS llamada \"red-text\" y aplicala a tu elemento h2
.",
+ "Las clases son estilos reutilizables que pueden ser añadidos a elementos HTML",
+ "Esta es la anatomía de una clase CSS:",
+ "",
+ "Puedes ver que hemos creado una clase CSS llamada \"blue-text\" dentro de la etiqueta <style>
.",
+ "Puedes aplicar una clase a un elemento HTML de esta manera: <h2 class=\"blue-text\">CatPhotoApp</h2>
.",
+ "Nota que en el elemento CSS style
, las clases deberían comenzar con un punto. En los elementos HTML, las declaraciones de clase, NO deberían comenzar con punto. ",
+ "En vez de de crear un nuevo elemento style
, prueba remover la declaración de estilo de h2
y reemplazarla por la declaración \"red-text\"."
+ ],
"namePt": "",
"descriptionPt": [],
"nameDe": "Waypoint: Nutze eine CSS Klasse um ein Element zu gestalten",
@@ -509,8 +518,12 @@
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
- "nameEs": "",
- "descriptionEs": [],
+ "nameEs": "Waypoint: Estila multiples elementos con una clase CSS",
+ "descriptionEs": [
+ "Aplica la clase \"red-text\" a tus elementos h2
y p
.",
+ "Recuerda que puedes agregar clases a elementos HTML utilizando class=\"your-class-here\"
dentro de la tag de entrada del mismo.",
+ "Recuerda que los selectores CSS requieren un punto al principio: .blue-text { color: blue; }
, pero que las declaraciones de clase NO llevan punto: <h2 class=\"blue-text\">CatPhotoApp<h2>
."
+ ],
"namePt": "",
"descriptionPt": [],
"nameDe": "Waypoint: Gestalte mehrere Elemente mit einer CSS Klasse",
@@ -555,8 +568,13 @@
"descriptionFr": [],
"nameRu": "",
"descriptionRu": [],
- "nameEs": "",
- "descriptionEs": [],
+ "nameEs": "Waypoint: Cambia el tamaño de fuente de un elemento.",
+ "descriptionEs": [
+ "Crea un segundo elemento p
. Luego, dentro de tu elemento <style>
, pon el \"font-size\" de todos los elementos p
a 16 pixeles.",
+ "El tamaño de fuente es controlado por el atributo CSS \"font-size\", como aquí: h1 { font-size: 30px; }
.",
+ "Primero, crea un segundo elemento p
con el siguiente texto Kitty Ipsum: Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
",
+ "Ve si puedes encontrar una manera de darle a ambos elementos p
un font-size de 16 pixeles (16px
). Puedes hacer esto dentro de la misma etiqueta <style>
que creamos para la clase \"red-text\"."
+ ],
"namePt": "",
"descriptionPt": [],
"nameDe": "Waypoint: Ändere die Schriftgröße eines Elements",