A quick site I made using HTML and CSS via FreeCodeCamp, designed to meet the following criteria:
Objective: Build an app that is functionally similar to https://tribute-page.freecodecamp.rocks
- Your tribute page should have a
main
element with a correspondingid
of main, which contains all other elements - You should see an element with an
id
oftitle
, 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
figure
or adiv
element with anid
ofimg-div
- Within the
#img-div
element, you should see animg
element with a correspondingid="image"
- Within the
#img-div
element, 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 a element with a corresponding
id="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 oftarget
and set it to_blank
in order for your link to open in a new tab - Your
#image
should usemax-width
andheight
properties to resize responsively, relative to thewidth
of its parent element, without exceeding its original size - Your
img
element should be centered within its parent element