4.3 KiB
4.3 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7158d8c442eddfaeb5bd18 | Build a Tribute Page | true | 3 | Construir una página de tributo |
Description
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 usuario # 7: Debería ver una a
elemento 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. Recuerda usar el método de lectura-búsqueda-pregunta si te atascas. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required