Tell us what’s happening:
all the code relating to #tribute-link is not passing don’t get why.
and also the #image centering is not passing even though I centered it I don’t know what I’m supposed to do.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title id="title" >Tribute to Larbi Ben M'hidi</title>
</head>
<body>
<main id="main">
<header id="header">
<h1>Si Larbi Ben M'hidi</h1>
<p>the man who died so others can live free</p>
</header>
<div id="img-div">
<img id='image' src='https://www.elmoudjahid.com/storage/images/article/b5edc7cc32877d8de5567658bff267fa.jpg' alt="photo of mr. Larbi">
<figcaption id="img-caption">Larbi Ben M'hidi after he was captured by the French forces</figcaption>
</div>
<div id="tribute-info"><strong>here's is some facts about Larbi Ben M'hidi</strong>
<ul>
<li>Larbi Ben M'hidi was born in 1923 in the village of El Kouahi, Ain M'lila, Algeria, commonly known as Si Larbi or simply as Ben M'hidi, he finished his studies then in 1939, he joined the Algerian Muslim scouts, where he became a group leader within a very short period of time.</li>
<li>During the period of French occupation he obtained significant responsibilities within the repair movement To fight against the occupying French forces.</li>
<li>In August 1956, he assumed command in Algiers, as he was given the responsibility after the election for launching the Battle of Algiers and he caught the attention of the world and the United Nations (UN).</li>
<li>This man was a gift from God where he deposited intelligence, courage, honesty, purity and patriotism.</li>
<li>This man was a gift from God where he deposited intelligence, courage, honesty, purity and patriotism.</li>
<li>The photograph of his arrest was published one day in all the newspapers in Algiers. The photograph showed Larbi Ben M'hidi with handcuffs on his wrists and ankles, with a cheerful brave face.</li>
<li>He was captured by French paratroopers in February 1957. His death was announced in March 1957 by Pierre Gorlin, Robert Lacoste’s press officer. The events surrounding his death were disputed, and contended by many that he was in fact tortured before being summarily executed. Many who knew him, have ruled out the possibility of him taking his own life, as was reported in the media, due to his devotion to Islam, which forbids suicide. In 2000, General Aussaresses admitted that Ben M’hidi was executed whilst in his custody, however, the exact truth regarding his death remains a mystery to this day.</li>
</ul>
<p id="quoet"></p>
<em>“Take the revolution to the street, the people will embrace it”</em><br>
-- Larbi Ben M'hidi
</p>
</div>
<footer>
<p>you should read more about this freedom hero being on his <a id"tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Larbi_Ben_M%27hidi">Wikipedia entry.</a></p>
</footer>
</main>
</body>
</html>
/* file: styles.css */
body {
background-color:white;
font-family: tahoma ;
color: rgb(44, 43, 43);
width: 100%;
height: 100%;
margin: auto;
border-radius: 10px;
}
header {
width: 100%;
background-color: rgb(0, 9, 1);
color: #ffffff;
text-align: center;
margin: auto 0;
align-items: center;
border-top-right-radius: 5px;
border-top-left-radius: 5px
}
footer{
background-color: rgb(0, 9, 1);
color: #ffffff;
text-align: center;
align-items: center;
font-size: 12px;
padding: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px
}
h1{
padding-top: 15px;
}
#header> p{
padding-bottom: 15px ;
}
#img-div {
background-color: rgba(207, 207, 147, 0.619);
padding: 20px 20px 0 20px ;
margin-right: 10%;
margin-left: 10%;
border-radius: 2px;
}
#image {
display: block;
width: 100%;
max-width: 100%;
min-width: 300px;
border-radius: 3px;
margin: auto ;
}
#img-caption{
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin: auto;
max-width: 600px;
font-size: small;
}
#tribute-info{
margin: 35px auto 20px auto;
text-align: center;
max-width: 550px;
padding-left: 20px;
padding-right: 20px;
}
li{
margin-top: 15px;
text-align:left;
}
#quoet{
margin: auto auto 20px auto;
text-align: left;
width: 70%;
font-size: 0.9em;
padding-left: 80px;
}
a{
color: #ffffff;
}
a:hover {
color: #b96868;
cursor: pointer;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 Edg/129.0.0.0
Challenge Information:
Tribute Page - Build a Tribute Page