crgc / microverse-trials-ih-html-css

Microverse Trials - HTML/CSS project w/ Iheb Hamdi

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Responsive Web Design Projects - Tribute Page

User Story #1 My tribute page should have an element with a corresponding id="main", which contains all other elements.

User Story #2 I should see 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").

User Story #3 I should see a div element with a corresponding id="img-div".

User Story #4 Within the img-div element, I should see an img element with a corresponding id="image".

User Story #5 Within the img-div element, I should see an element with a corresponding id="img-caption" that contains textual content describing the image shown in img-div.

User Story #6 I should see an element with a corresponding id="tribute-info", which contains textual content describing the subject of the tribute page.

User Story #7 I 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 of target and set it to _blank in order for your link to open in a new tab (i.e. target="_blank").

User Story #8 The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

User Story #9 The img element should be centered within its parent element.

About

Microverse Trials - HTML/CSS project w/ Iheb Hamdi

License:Other


Languages

Language:JavaScript 48.4%Language:HTML 42.9%Language:CSS 8.8%