Project #1 of Responsive Web Design Certification by FreeCodeCamp
Completa las siguientes historias de usuario y consigue aprobar todos los tests. Dale tu propio estilo personal.
- Historia de usuario #1: Mi página tributo debería tener un elemento con un respectivo id="main", el cual contiene todos los demás elementos.
- Historia de usuario #2: Debería ver un elemento con un respectivo id="title", que contiene una cadena que describe el tema de la página tributo (p. ej. "Dr. Norman Borlaug").
- Historia de usuario #3: Debería ver un elemento div con un respectivo id="img-div".
- Historia de usuario #4: Dentro del elemento img-div, debería ver un elemento img con un respectivo id="image".
- Historia de usuario #5: Dentro del elemento img-div , debería ver un elemento con un respectivo id="img-caption" que contiene contenido textual describiendo la imagen mostrada en img-div.
- Historia de usuario #6: Debería ver un elemento con un respectivo id="tribute-info", que contiene contenido textual describiendo el tema de la página tributo.
- Historia de usuario #7: Debería ver un elemento a con un respectivo id="tribute-link", que enlaza a un sitio externo conteniendo información adicional sobre el tema de la página tributo. SUGERENCIA: Debes dar a tu elemento un atributo target y establecerlo como _blank para que tu enlace se abra en una nueva pestaña (p. ej. target="_blank" ).
- Historia de usuario #8: El elemento img debería cambiar de tamaño de forma responsiva, en relación al ancho de su elemento padre, sin exceder su tamaño original.
- Historia de usuario #9: El elemento img debería estar centrado dentro de su elemento padre.