Primeiro projeto do curso Responsive Web Design da freeCodeCamp.org (First Responsive Web Design project of freeCodeCamp.org)
Requerimentos do projeto: (Project requirements:)
#1: A página deverá conter uma tag com a id="main", que contém todos os outros elementos. (The tribute page should have an element with a corresponding id="main", which contains all other elements.)
#2: Uma tag com a id="title", que contem uma string (ex: texto) que descreve o assunto da página (ex: "Dr. Normam Borlaug). (An element with a corresponding id="title", which contains a string (i.e. text) that describes the subject of the tribute page (e.g. "Dr. Norman Borlaug").
#3: Uma tag div com a id="img-div". (A div element with a corresponding id="img-div".)
#4: A tag com img-div deve conter outra tag img com a id="image". (Within the img-div element, an img element with a corresponding id="image".)
#5: A tag com img-div deve conter outra tag com a id="img-camption" que descreve a imagem exibida. (Within the img-div element, an element with a corresponding id="img-caption" that contains textual content describing the image shown in img-div.)
#6: Uma tag com a id="tribute-info", que contém o assunto da página (An element with a corresponding id="tribute-info", which contains textual content describing the subject of the tribute page.)
#7: Uma tag com a id="tribute-link", que será um link para mais informações sobre o assunto da página. (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.)
#8: A imagem deve ter um tamamnho proporcional ao elemento onde ela está inserida, não ultrapassando seu tamanho original. (The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.)
#9: A imagem deve estar centralizada em seu elemento. (The img element should be centered within its parent element.)