I have just uploaded my Tribute building exercise to Code pen and have the style marked down with the orange, which from the legend means “executing”
This is my code:
1
<main id="main">
2
<title id= "Mbonu Ojike - The Boycott King"></title>
3
<div id="img-div">
4
<style>
5
img {
6
display: block;
7
margin: auto;
8
height: auto;
9
max-width: 100%;
10
}
11
</style>
12
<img id="image" src= "https://lh3.googleusercontent.com/proxy/sBwUfU6ncTo-oo6jlCyvwmDPJMGKj6RPwqJC7naAw9QxDm9e09AxSFSyoEXxCrDU-2c9L9g5MqlDDJrqjxD-arR-yMtP47oDGs7vWB3aTJDCPP0MoHw=s0-d" alt="Mbonu Ojike">
13
<input: img-caption {
14
id="img-caption";
15
value= "MBONU OJIKE: NIGERIAN NATIONALIST, PAN-AFRICANIST, CULTURAL CRUSADER AND THE "BOYCOTT KING""
16
}>
17
<header>
18
id="Mbonu Ojike - One of the greatest sons that Africa ever produced.;
19
</header>
20
<a id="tribute-link href="https://kwekudee-tripdownmemorylane.blogspot.com/2014/09/mbonu-ojike-nigerian-nationalist-pan.html target= "_blanks"></a>
21
<p>"Mazi Mbonu Ojike (1912-1959) was an outspoken and fearless Nigerian nationalist, great pan-Africanist, an African cultural crusader, an author and an activist for social justice and racial equality. He coined the now famous phrase <strong>“Boycott the Boycottables”</strong>, which earned him the title the “Boycott King.” His greatest impact was psychological and intellectual. He gave back to the Nigerian national, pride in himself as a human being and in his culture as a living functional whole. Mbonu was a man that was way ahead of his time";</p>
22
<img src="https://3.bp.blogspot.com/_pyIBhtN_0F4/TO1MTcYmZkI/AAAAAAAAEgw/v4wgkyMHXYo/s1600/mbonu123.jpg" Target= "_blanks" alt="" img-caption: "5th from right wearing a hat">
23
24
</div>
25
26
</main>
CSS
CSS Options
1
JS
If you could kindly review and help me get the correct logic and syntax, this would be greatly appreciated.