gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Cambios a la redacción (#19648)

Browse Source 
Update add-rounded-corners-with-border-radius.spanish.md: tests section, enhanced redaction
This commit is contained in:
Jose Rodriguez
2019-02-07 10:43:17 -04:00
committed by Jaka Kranjc
parent 5fbdb753a7
commit 602f720eca
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
curriculum/challenges/spanish/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.spanish.md
View File

@ -10,18 +10,20 @@ localeTitle: Añadir esquinas redondeadas con radio de borde
## Descripción
<section id="description"> Tu foto de gato tiene actualmente esquinas afiladas. Podemos redondear esas esquinas con una propiedad CSS llamada <code>border-radius</code> . </section>
## Instrucciones
<section id="instructions"> Puede especificar un <code>border-radius</code> con píxeles. Dale a tu foto de gato un <code>border-radius</code> de <code>10px</code> de <code>10px</code> . Nota: este desafío permite múltiples soluciones posibles. Por ejemplo, puede agregar <code>border-radius</code> <code>.thick-green-border</code> clase <code>.thick-green-border</code> o a la clase <code>.smaller-image</code> . </section>
## Instructions
<section id="instructions"> Puede especificar un <code>border-radius</code> con píxeles. Dale a tu foto de gato un <code>border-radius</code> de <code>10px</code>. Nota: este desafío permite múltiples soluciones posibles. Por ejemplo, puede agregar un <code>border-radius</code> a la clase <code>.thick-green-border</code> o a la clase <code>.smaller-image</code> . </section>
## Pruebas
<section id='tests'>
```yml
tests:
- text: El elemento de su imagen debe tener la clase "borde verde grueso".
testString: 'assert($("img").hasClass("thick-green-border"), "Your image element should have the class "thick-green-border".");'
- text: Tu imagen debe tener un radio de <code>10px</code> de <code>10px</code>
testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Your image should have a border radius of <code>10px</code>");'
- text: El elemento de su imagen debería tener la clase "thick-green-border".
testString: 'assert($("img").hasClass("thick-green-border"), "El elemento de su imagen debería tener la clase "thick-green-border".");'
- text: Su imagen debería tener un radio de borde de <code>10px</code>.
testString: 'assert(parseInt($("img").css("border-top-left-radius")) > 8, "Su imagen debería tener un radio de borde de <code>10px</code>");'
```