This topic is for members of the January 2018 fCC cohort to share information, review, and give feedback for the beta curriculum tribute project. Click on the cohort link if you’d like to join.
Reply here with your questions, comments, and additional resources regarding the Tribute Project.
Is the HTML structure convoluted and unnecessarily nested? Are container elements used in a way that enhance overall page structure? In other words, does the student effectively use container elements to create a coherent structure without venturing into divitis territory?
Does the stylesheet make good use of the cascade and classes to avoid redundancy in the CSS?
Can the CSS or HTML be simplified?
Are selectors too long (say greater than three elements) and does the student try to keep CSS specificity low?
Are the relative paths correct?
Are semantic tags being used correctly? Are deprecated tags being used?
Are concise but descriptive alt attributes being used?
Added my tribute page to the list.I concentrated on trying to make the test criteria go green and I know there is probably a lot to brush up on and make look better. I might take another stab at it this weekend. Feedback appreciated
h1 {
color: blue;
font-family: 'Supermercado One';
}
![image|690x388](upload://aUPFRskiiMbDctC3KRmkJ5VR77t.png)
Thats what it is supposed to look like and thats not what was given in codepen
Also. i wanted to put the pic of my tribute person side by side with is date of birth/death. I could only think of using the flex row command but when i did that my pic shrunk and i could not increase it. know why?
Tests i failed and dont know how to pass cause i dont know what they mean and what to do:
My tribute page should have an element with corresponding id=“main”, which contains all other elements.
I should see an element with corresponding id=“title”, which contains a string (i.e. text) that describes the subject of the tribute page (e.g. “Dr. Norman Borlaug”).
I should see a div> element with corresponding id=“img-div”.
Within the “img-div” element, I should see an element with a corresponding id=“image”.
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”.
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 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").
There are more but num 7 i dont get. Why do i need an id for a tribute link. Cant i just put the link and leave it? What am i going to put inside the id?
This test hopes to get you in the habit of adding “main” sections in your webpages. HTML5 introduced the <main> which is what you should use. Add a main element to your content as follows.:
<main id="main">
<!-- content here -->
</main>
Your HTML should have a title. The title can be an h1 element. Give this element an id as follows:
<h1 id="title"><!-- your title here --></h1>
Below
Below
Your image should be divided into three sections: a container div, the actual image, and the image caption. It should look something like this:
I just added my project which is a tribute to George Washington.
P.S. I’ll admit this wasn’t done within the cohort timeline, I worked through the beta challenges a few months back and finished the first 2 projects then. Thanks to this cohort, I have now reviewed the challenges and refreshed on a lot.