Build an app that is functionally similar to https://tribute-page.freecodecamp.rocks.
- Your tribute page should have a
mainelement with a correspondingidofmain, which contains all other elements. - You should see an element with an
idoftitle, which contains a string (i.e. text), that describes the subject of the tribute page (e.g. "Dr. Norman Borlaug"). - You should see either a
figureor adivelement with anidofimg-div. - Within the
#img-divelement, you should see animgelement with a correspondingid="image". - Within the
#img-divelement, you should see an element with a correspondingid="img-caption"that contains textual content describing the image shown in#img-div. - You should see an element with a corresponding
id="tribute-info", which contains textual content describing the subject of the tribute page. - You should see an
aelement with a correspondingid="tribute-link", which links to an outside site, that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute oftargetand set it to_blankin order for your link to open in a new tab. - Your
#imageshould usemax-widthandheightproperties to resize responsively, relative to the width of its parent element, without exceeding its original size. - Your
imgelement should be centered within its parent element.
Fulfill the user stories and pass all the tests below to complete this project. Give it your own personal style. Happy Coding!
