Tribute Page - Build a Tribute Page

Tell us what’s happening:

type or paste code here
``` html
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"
    <meta charset="UTF-8">
    <meta name="description" content="Certification Project for FreeCodeCamp">
    <title>Tribute Page to Steve Jobs</title>
    <link rel="stylesheet" href="styles.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Saira:ital,wght@1,400;1,700&family=Ubuntu:wght@300;500;700&display=swap" rel="stylesheet">
    
  </head>
  <body
  ><div class="container">

  </div>
    <header>
      <h1 id="title">Steve Jobs</h1>
      <p class="caption">A Revolutionary genius, Inventor and Entrepreneur </p>

    </header>
    <main id="main"><div id="img-div" ><figure><img src="https://snipstock.com/assets/cdn/png/582ee14563447a44ca3394289efdf4fc.png" alt="Picture of Steve Jobs" id="image"><figcaption id="img-caption">Picture of Steve Jobs</figcaption></figure></div><div class="divider"></div>
  <div id="tribute-info">  <h2 >Here's a timeline of Steve Jobs' life:</h2>
    
      <ul>
        <li><div class="bold date" >24 February 1955 </div><div class="tmline-content"><p>Born San Francisco
Steve Jobs was born on 24th of February 1955 in San Francisco, Californië. Steve was best known for co-founding Apple Inc together with Steve Wozniak and Ronald Wayne</p></div></li>
        <li><div class="bold date">1 December 1973</div><div class="tmline-content"><p>In December 1973, Steve Jobs attend but later drops out of Reed College. He starts to travel through India until 1974. During his time in India, Steve Jobs becomes more interested in Buddhism.</p></div></li>
        <li><div class="bold date">11 January 1975</div ><div class="tmline-content"><p>After coming back from Traveling through India. Steve Jobs starts working on Apple I Computer together with Steve Woz. Steve Wozniak attended the first meeting of the Homebrew Computer Club in Gordon French's garage on March 5, 1975. He was so moved that he began work on what would become the Apple I computer right away. After creating one for himself and demonstrating it to the club, he and Steve Jobs distributed schematics (technical designs) for the computer to interested club members, as well as assisting some of them in building and testing prototypes. Then Steve Jobs proposed that they develop and sell a single etched and silkscreened circuit board just the bare board, no electronic components that customers could use to make computers. Wozniak predicted that laying out the board design would cost $1,000, with production costing a further $20 per board. The start of selling their first computer was set into motion.</p></div></li>
        <li><div class="bold date">31 March 1976</div><div class="tmline-content"><p> On the 1st of April in 1976, Apple was founded. </span></li>
        <li><span class="bold date"> ** July 1976</span><span class="tmline-content"><p>The Apple Inc went on sale in July 1976 for $666.66 because Wozniak "loved repeating numbers" and because the wholesale price of $500 increased by a third. The first units produced were used in high school math classes and donated to Liza Loop's Public Access Computer Center. About 200 were produced and all but 25 were sold within 9 or 10 months.</span></li>
        <li><div class="bold date">1 January 1984</div><div class="tmline-content"><p>Macintosh is launched at Apple's annual shareholder meeting.</p></div></li>
        <li><div class="bold date">11 July 1985</div><div class="tmline-content"><p>Job's left Apple and started a new computer firm NeXT.</p></div></li>
        <li><div class="bold date">12 December 1986</div><div class="tmline-content"><p>Steve Jobs buys Pixar Animation Studios.</p></div></li>
        <li><div class="bold date">18 March 1991</div><div class="tmline-content"><p>Steve Jobs marries Laurene Powel.</p></div></li>
        <li><div class="bold date">19 January 1993</div><div class="tmline-content"><p>Toy Story work is haulted and becomes NeXT Software Inc.</p></div></li>
        <li><div class="bold date">20 December 1996</div><div class="tmline-content"><p>On 20 december 1996 Apple Inc announces the acquisition of NeXT</p></div></li>
        <li><div class="bold date">6 January 2000</div><div class="tmline-content"><p>Steve Jobs is back as CEO at Apple Inc.</p></div></li>
        <li><div class="bold date">22 October 2001</div><div class="tmline-content"><p>First iPod is introduced and Apple opens retail stores.</p></div></li>
        <li><div class="bold date">16 May 2005</div><div class="tmline-content"><p>Steve Jobs gives commencement speech at Stanford University. In the same year Steve Jobs unveils iWork, the Mac mini, iPod shuffle and Mac OS X 10.4.</p></div></li>
        <li><div class="bold date">28 June 2007</div><div class="tmline-content"><p>Introduction iPhone, Apple TV and iPod Touch. Apple Computers becomes Apple Inc.</p></div></li>
        <li><div class="bold date">14 January 2009</div><div class="tmline-content"><p>Jobs takes medical leave for six months and has surgery for liver transplant.</p></div></li>
        <li><div class="bold date">27 January 2010</div><div class="tmline-content"><p>Jobs introduces iPad, iPhone 4 and iPod Touch 4G and new Macbook Air.</p></div></li>
        <li><div class="bold date">23 August 2011</div><div class="tmline-content"><p>Steve Jobs resigned his position as CEO of Apple.</p></div></li>
        <li><div class="bold date">4 October 2011</div><div class="tmline-content"><p>On 5th of October 2011 Steve Jobs passes away.</p></div></li>
        </ul>
        </div> 
        </main>
        <footer><div class="quotes"><blockquote cite="https://blog.hubspot.com/sales/steve-jobs-quotes"><p> As Steve Jobs once said, <q>Life is brief, and then you die, you know? And we've all chosen to do this with our lives. So, it better be damn good. It better be worth it.</q></p></blockquote></div>
        <div class="More-on-stevejobs"><p>If you have time, you should read more about this incredible human being on his <a  id="tribute-link" href="https://en.wikipedia.org/wiki/Steve_Jobs" target="_blank">Wikipedia entry.</a></p></div>
</footer>
  </body>
</html>

CSS
body{
  font-family: 'Ubuntu', sans-serif;
  min-width:500px;

}
 #image {
   width:80%;
   display:block;max-width:800px;
   background-color:#edf0e6;
   border-radius:10%;
  
   height:auto;
   text-align:center;
   border:1px solid black;
   
 }
 header .caption{
   font-family: 'Saira', sans-serif;
   
   margin-top:0;
 }
 header{
   text-align:center;
   word-wrap:no-wrap;
 }
 h1{
   font-weight:700;
   font-size:5rem;
   
   margin-bottom:0;
   
 }
 figcaption{
   text-align:center;
   font-family: 'Mochiy Pop One', sans-serif;
 }
 .divider{

   background-color: #a5a6a1;
   width:90%;
   height:2px;
   margin:1rem auto;
 }
 /* figure{
   margin:1rem auto;
   text-align:center;
   
 } */
 .bold{
   font-weight:800;
   font-size:1.2rem;
  
 }
 li{
   margin:1rem auto;
   display:flex;
justify-content:space-between;
align-items:center;
 }
 #img-div{
   text-align:center;
   border:1px solid black;
 }
 ul{
   margin:1rem;
 padding:0;
 }
 .timeline  h2 {
   text-align:center;


 }
#tribute-info{
   font-weight:400;
   font-style:italic;
   color:#595656;
   text-align:center;
  
 }
 .date{
   width:30%;
   white-space:nowrap;
   font-style:italic;
   color:#8a8787;

 }
 .tmline-content{
   width:35%;
   float:right;
   background:linear-gradient(180deg,#ada9a8,#8a8787);
   border-radius:.5em;
   font-weight:400;
   line-height:1.2em;
   max-width:300px;
   
   color:#f2eeed;

  
   font-size:0.9rem;
    padding:.5em;
   
   
 }
 
 .tmline-content p{ 
   margin:0 auto;
 }
 .quotes{
  
   margin:2em;
   font-size:0.8rem;
   font-style:italic;
 }
 #tribute-link{
   text-decoration:none;
   font-style:italic;
   color:#a32607;
 }
 #tribute-link:hover{
   color:#8c8381;
 }
**Your code so far**

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the line above and the line below,
because they allow your code to properly format in the post.

**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.71</code>

**Challenge:**  Tribute Page - Build a Tribute Page

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page

You are failing several tests. It would be nice to know which one you are looking for help with.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.