Tribute Page - Build a Tribute Page

Tell us what’s happening:

I know i have posted this before but i still cant seem to get it wright and it is becoming frustrating. When i run the test on my code it passes most of the criteria except for the img element (which it tells me that it should have a display of block as far as i can see it does ) and that the max width of my image element should be 100% (which it is ) or am i wrong and how am i getting this mixed up.

Your code so far

<!-- file: index.html -->

```<!DOCTYPE html>
<html lang="en">
  <head>
     <link rel="stylesheet" href="style.css">
  <meta charset="UTF 8">
  <meta name="veiwport" content="width=device-width ,inital-scale= 1.0">
  <title> tribute to Admiral Horatio Nelson</title>
</head>
<body>
 <main id="main">
   <div id="heading" class="center">
     <h1 id="title" class="center" align="center">Admiral Horatio Nelson</h1>
     <p class="font" text-align="center"><li>One of Britains Greatest Admirals of the 18th and early 19th centuarys.</li></p>
     </div>
     <div id="img-div">
 <img class="center" id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/HoratioNelson1.jpg/220px-HoratioNelson1.jpg" alt="Admiral Horatio Nelson">
    <div id="img-caption" class="center" align="center"><br>
<p  class="font">Portrait of Admiral Horatio Nelson by F L Abbott(1799)</p></br>
</div>

<div id="tribute-info" class="center">
 <h2 class="font"align="center">Here is a short time line of Nelsons life.</h2>
    <ul class="font" style="text-align: justify;">
<br>
 <li >Born on the 29 September 1758 at Burnham Thorpe Norfolk Enland to parents Edmond Nelson and his wife Catherine Nelson(nee Suckling) he was named "Horatio" after his godparent, Horatio Walpole 1st earl of Oxford.</li>

<li>Schooling: Attended Paston Grammer school,North Walsham until age 12 also attened King Edward VI Grammer school,Norwich.</li>

<li> Naval Carrer began on the 1 January 1771 when he joined as an ordinary seaman on board his uncles ship the third rate HMS Raisonnable.</li>

<li> Naval Carrer 1771-1780</li>

<li> Shortly after joining the ship was premoted to midshipman and he began his officer training.Nelson also found out that he suffered from seasickness which he would battle for the rest of his life.</li>

<li>Nelson joined the Royal Navy at a time of tension with Spain. When this had passed, he was dispached to serve abourd the West Indiaman (merchant navy) Mary Ann to gain sea experience.</li>

<li>On his return to England in 1772 he requested a posting to the artic expidition looking for the famed North_east passage. He was duly transfered and acted as coxwain of the ship. unable to find a way through the thick ice flows the ship returned to Engald. </li>

<li> He then sailed for the East indies in september of 1773 abourd HMS Seahorse. Arriving in Madras in 1774.</li>

<li> HMS Seahorse spent the rest of the year escorting merchant shiping and patrolling the East indes</li>

<li> With the outbreak of the Frist Anglo-Maratha war in 1775 HMS Seahorse acted as convoy escort in support of the East Inda Company.</li>

<li>During this time Seahorse was dispached to carry a consinment of company money to Bombay. She was attacked on february  19th  by two ketches and drove them of with a brief exchange of gun fire. This was Nelsons first taste of battle.</li>

<li> Command 1781-1796</li>

<li> Nelson was given command of his own ship October of 1781</li>

<li align="center" text-style="bold"> Marriage.</li>

<li>Nelson married his wife Frances Nisbett on the 11 march 1787 on the island of Nevis</li>

<li> Given command of HMS Agameomnon january 1793. French Government declare war on England 1st february 1793.</li>

<li> Sailing around Mediterainan pursuing French fleet with other British ships.<li>

  <li> battle of Corsica 1794</li>
  <li>battle of Genoa 1795</li>
 <li> during this time loses the sight in his left eye.</li>
  <li> <li> 1796-1801</li>
  <li> promoted to Rear Adiral of the Blue on 20 february 1797</li>
  <li> 1797 loses his right arm below the elbow in the battle of Santa Cruz de Tenerife.</li>
  <li> arrived back in england in september of 1797 to a heros welcome, returned for treatment to his wounds.</li>

  <li> stays at home 1797 due to recovery period</i>
  <li> agitaes for command and is given command of HMS Vangaurd 1798 </li>
  <li> 1st August 1798 battle of the Nile </li>
   <li> 1798-1800 Seige of Malta</li>
   <li> returns to england 1800</li>
    <li> Ordered  to take command of the mediterranean fleet 1803</li>
    <li> Blockades the french fleet for a year and a half.</li>
    <li> 1805 Battle of Trafalgar and Nelsons death</li>
      </ul>
      <h3 align="center">If you want to learn a more detailed description  about Nelson please go to the wikipedia page</h3>
      <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/HoratioNelson1.jpg/220px-HoratioNelson1.jpg" alt="Admiral Horatio Nelson" id="tribute-link" target="_blank" align="center">Wikipedia page</a>
 </main>
  </body>
  </html>


body{
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #f5f6f7;
  color: #1b1b32;
  font-family: sans-serif;
  font-size: 16px;
}

h1 , h2, h3, p{
  margin: 1em auto;
  text-align: center;
}

.center{
  margin: auto;
  padding: auto;
  display: block;
}
img{display:block; }

image{ 
  display:block;
  max-width:100%;
  height: auto;
  margin:0 auto;
  }

```css
/* file: styles.css */

```body{
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #f5f6f7;
  color: #1b1b32;
  font-family: sans-serif;
  font-size: 16px;
}

h1 , h2, h3, p{
  margin: 1em auto;
  text-align: center;
}

.center{
  margin: auto;
  padding: auto;
  display: block;
}
img{display:block; }

image{ 
  display:block;
  max-width:100%;
  height: auto;
  margin:0 auto;
  }

### Your browser information:

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

### Challenge Information:
Tribute Page - Build a Tribute Page
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-tribute-page-project/build-a-tribute-page

Hi there!

Check your href value for the link element is not correct. It’s missing a word s in styles.css.

1 Like

thank you so much i would never have spotted that i must have read it a couple of hundred times and not seen it

2 Likes