FreeCodeCamp Responsive Web Design Project
Build web page with functionality similar to this, fulfill the below user stories.
-
My tribute page should have an element with a corresponding
id="main"
, which contains other elements. -
I should see an element with corresponding
id="title"
, which contains a string that describes the subject of the tribute page. -
I should see a
div
element with correspondingid="img-div
. -
Within the
img-div
element I should see animg
element with correspondingid="image"
. -
Within the
img-div
element I should see an element with a correspondingid="img-caption"
that contains textual content describing the image shown inimg-div
. -
I should see an element with a corresponding
id="tribute-info"
, which contains textual content describing the subject of the tribute page. -
I should see an
a
element with a correspondingid="tribute-link"
, which links to an outside site that contains additional information about the subject of the tribute page. Link should open in new tab. -
The
img
element should responsively resize, relative to the width of its parent element, without exceeding the original size. -
The
img
element should be centered within its parent element.