each time i run the test it tells me that the img should have a display of block .
and that the image should have a max-width of 100%.
and it should be centred in its parent as far as i can see it has what am i not seeing please
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{
max-width:100%;
height: Auto;
margin: auto 0;
main text
<!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>```
1 Like
If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.
The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.
Thank you.
1 Like
Hello! I would like to collaborate with a few tips to Henry.
First of all, you have to analyze if “img” or “image” or else is an “id”, “class”…
Second: don’t forget the symbols related to “class”, “id”…
Last tip: parent should be outside and its “children elements” nested inside. It can be a div element, a paragraph, etc.
Sorry any errors in my writing, English isn’t my first language.