Build a Tribute Page - a real person of fictional character?

HTML-CSS
#1

Tell us what’s happening:

For this exercise, do I need to develop a non existing tribute to any fictional of non-fictional character (person )? Or am I expected to just transcribe an existing person’s tribute to a code format?

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36.

Link to the challenge:

#2

Develop whichever you’d like, there aren’t rules regarding the content of the page. Feel free to use a fiction or a real one.

1 Like
#3

Very helpful. Thanks

#4

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.