From 06311a56f629a9b83070286adeb929b68fd7e1a3 Mon Sep 17 00:00:00 2001 From: Alex Date: Mon, 25 Feb 2019 12:03:32 -0800 Subject: [PATCH] Fixed the code formatting for readability (#25831) I fixed the code formatting for readability. Made the spacing easier to see so updates and changes could be made more easily. --- .../build-a-tribute-page.spanish.md | 24 ++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/curriculum/challenges/spanish/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.spanish.md index 3b0106f4088..cd146af50b3 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.spanish.md @@ -8,7 +8,29 @@ localeTitle: Construir una página de tributo --- ## Description -
Objetivo: crear una aplicación CodePen.io que sea funcionalmente similar a esta: https://codepen.io/freeCodeCamp/full/zNqgVx . Cumple las siguientes historias de usuario y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! Historia de usuario n. ° 1: Mi página de tributo debe tener un elemento con su correspondiente id="main" , que contiene todos los demás elementos. Historia de usuario n. ° 2: Debería ver un elemento con una id="title" correspondiente id="title" , que contiene una cadena (es decir, texto) que describe el tema de la página del tributo (por ejemplo, "Dr. Norman Borlaug"). Historia de usuario n. ° 3: Debería ver un elemento div con un id="img-div" correspondiente id="img-div" . Historia de usuario n. ° 4: Dentro del elemento img-div , debería ver un elemento img con una id="image" correspondiente id="image" . Historia de usuario n. ° 5: Dentro del elemento img-div , debería ver un elemento con una id="img-caption" correspondiente id="img-caption" que contiene contenido textual que describe la imagen que se muestra en img-div . Historia de usuario n. ° 6: Debería ver un elemento con un id="tribute-info" correspondiente id="tribute-info" , que contiene contenido textual que describe el tema de la página de tributo. Historia de usuario n. ° 7: Debería ver un elemento a con un correspondiente id="tribute-link" , que une a un sitio externo que contiene información adicional sobre el tema de la página de tributo. SUGERENCIA: debe asignar a su elemento un atributo de target y configurarlo en _blank para que su enlace se abra en una nueva pestaña (es decir, target="_blank" ). Historia de usuario n. ° 8: el elemento img debe redimensionarse responsivamente, en relación con el ancho de su elemento principal, sin exceder su tamaño original. Historia de usuario n. ° 9: el elemento img debe estar centrado dentro de su elemento primario. Puedes construir tu proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js . Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerde usar el método de lectura-búsqueda-pregunta si se atasca.
+
+Objetivo: crear una aplicación CodePen.io +Que sea funcionalmente similar a esta: https://codepen.io/freeCodeCamp/full/zNqgVx. + +Cumple las siguientes historias de usuario y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! + +Historia de usuario no. 1: Mi página de tributo debe tener un elemento con su correspondiente id="main" , que contiene todos los demás elementos. + +Historia de usuario no. 2: Debería ver un elemento con una id="title" correspondiente id="title" , que contiene una cadena (es decir, texto) que describe el tema de la página del tributo (por ejemplo, "Dr. Norman Borlaug"). + +Historia de usuario no. 3: Debería ver un elemento div con un id="img-div" correspondiente id="img-div". + +Historia de usuario no. 4: Dentro del elemento img-div , debería ver un elemento img con una id="image" correspondiente id="image". + +Historia de usuario no. 5: Dentro del elemento img-div , debería ver un elemento con una id="img-caption" correspondiente id="img-caption" que contiene contenido textual que describe la imagen que se muestra en img-div. + +Historia de usuario no. 6: Debería ver un elemento con un id="tribute-info" correspondiente id="tribute-info" , que contiene contenido textual que describe el tema de la página de tributo. + +Historia de usuario no. 7: Debería ver un elemento a con un correspondiente id="tribute-link" , que une a un sitio externo que contiene información adicional sobre el tema de la página de tributo. SUGERENCIA: debe asignar a su elemento un atributo de target y configurarlo en _blank para que su enlace se abra en una nueva pestaña (es decir, target="_blank" ). + +Historia de usuario no. 8: el elemento img debe redimensionarse responsivamente, en relación con el ancho de su elemento principal, sin exceder su tamaño original. + +Historia de usuario no. 9: el elemento img debe estar centrado dentro de su elemento primario. Puedes construir tu proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js . Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerde usar el método de lectura-búsqueda-pregunta si se atasca.
## Instructions