diff --git a/curriculum/challenges/spanish/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.spanish.md b/curriculum/challenges/spanish/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.spanish.md
index b4c1944a970..d8db3d3e22c 100644
--- a/curriculum/challenges/spanish/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.spanish.md
+++ b/curriculum/challenges/spanish/03-front-end-libraries/sass/extend-one-set-of-css-styles-to-another-element.spanish.md
@@ -7,7 +7,25 @@ localeTitle: Extiende un conjunto de estilos CSS a otro elemento
---
## Description
- Sass tiene una característica llamada extend que facilita tomar prestadas las reglas de CSS de un elemento y construirlas sobre otro. Por ejemplo, el siguiente bloque de reglas CSS .panel una clase .panel . Tiene un background-color , height y border . .panel{
color de fondo: rojo;
altura: 70px;
borde: 2px verde sólido;
}
Ahora quieres otro panel llamado .big-panel . Tiene las mismas propiedades base que el .panel , pero también necesita un width y font-size . Es posible copiar y pegar las reglas CSS iniciales de .panel , pero el código se vuelve repetitivo a medida que agrega más tipos de paneles. La directiva extend es una forma sencilla de reutilizar las reglas escritas para un elemento, y luego agregar más para otro: .big-panel {
@extend .panel;
ancho: 150px;
tamaño de letra: 2em;
}
El .big-panel tendrá las mismas propiedades que .panel además de los nuevos estilos.
+ Sass tiene una característica llamada extend que facilita tomar prestadas las reglas de CSS de un elemento y construirlas sobre otro. Por ejemplo, el siguiente bloque de reglas CSS .panel una clase .panel . Tiene un background-color , height y border .
+
+```css
+.panel{
+ background-color: red;
+ height: 70px;
+ border: 2px solid green;
+}
+```
+Ahora quieres otro panel llamado .big-panel . Tiene las mismas propiedades base que el .panel , pero también necesita un width y font-size . Es posible copiar y pegar las reglas CSS iniciales de .panel , pero el código se vuelve repetitivo a medida que agrega más tipos de paneles. La directiva extend es una forma sencilla de reutilizar las reglas escritas para un elemento, y luego agregar más para otro:
+
+```css
+.big-panel {
+ @extend .panel;
+ width: 150px;
+ font-size: 2em;
+}
+```
+El .big-panel tendrá las mismas propiedades que .panel además de los nuevos estilos.
## Instructions
Cree una clase .info-important que extienda .info y que también tenga un background-color definido en magenta.