I have cleared all user tests.
I have run the HTML code through the W3C Validator and the CSS through the codepen analyser. I cleared all the issues that were raised there.
I have cleared the one error that showed up on the chrome console as well (Cannot GET /favicon.ico)
I have even run the FCC test on codepen. It passed all the tests.
I do not know what else to change in the code to get a check.
Please help me.
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Tribute Page</title>
<link rel="stylesheet" href="styles.css"/>
<link rel="shortcut icon" href="#" />
</head>
<body>
<main id="main">
<header><h1 id="title">Kyojuro Rengoku</h1>
<p>The Flame Hashira</p></header>
<div id="img-div">
<img id="image" src="https://images5.alphacoders.com/111/thumb-1920-1115011.png" alt="Kyojuro Rengoku"/>
<div id="img-caption">Kyojuro was one of the nine Hashira, a group of the nine greatest Demon Slayers in the Demon Slayer Corps.</div>
</div>
<div id="tribute-info">
<div class="content-heading"><p>Here are somethings to know about the Flame Hashira:</p>
<ul id="info-list">
<li>Kyojuro was one of the nine Hashira, a group of the nine greatest Demon Slayers in the Demon Slayer Corps. Specifically, Kyojuro was the Flame Hashira who made use of the Flame Breathing. </li>
<li>While not having his life being directly affected by Demons like many other members in the Corps, Kyojuro household had produced Demon hunters for generations. Kyojuro, with his sense of duty instilled by his ailing mother since childhood, saw it as a duty to protect the innocent from Demons and entered the corps to serve humanity. </li>
<li>Kyojuro was a young man with bright yellow hair with red streaks, black forked eyebrows, and golden eyes. He was fairly tall by Japanese standards and possessed a relatively muscular build.
His outfit consisted of the regular Demon Slayer uniform along with a Hoari which had a white-yellow gradient pattern and red flame-like ridges at the end.</li>
<li>Kyojuro was greatly enthusiastic in regard to his duties as a Hashira and often cheerfully eccentric. He was incredibly charismatic and generous and was almost always seen with a jovial expression. He boasted extraordinary technique and swordsmanship stemming from strict practice and discipline.
Kyojuro was an honorable warrior who adhered to his code of morals and principles that was instilled into him by his mother during childhood, the most significant being that those who were born strong have a duty to protect the weak.</li>
<li>Flame Breathing (炎の呼吸 Honō no kokyū): This technique allowed Rengoku to increase the amount of oxygen in his blood by controlling his breathing pattern, which increased his strength and agility to equal that of a demon. Kyojuro had learned to do full focus breaths at all times, further increasing his base strength, speed and stamina. By focusing his breathing on specific points, he was capable of stopping bleeding from injuries.</li>
<li>His surname Rengoku means "purgatory" in Japanese.</li>
<li>Kyojuro loved to watch sumo and wrestling.</li>
<li>Kyojuro's favorite food was sweet potatoes and his favorite side dish was salt grilled bream.</li>
<li>Kyōjurō's birthday was on May 10. He was 20 years old at the time of his death.</li>
<li>Kyojuro always wanted a pet, but he has never been able to have one because of his father's hatred toward animals.</li>
<li>Kyojuro is one of only 4 Hashira that use a standard Nichirin Katana. </li>
</ul>
</div>
<p class="quote">"I will fulfill my duty! I will not let anyone here die!"</p>
<p class="cited-by">-- Kyojuro fighting Akaza</p>
</div>
<footer>
<h3>If you have time, you should read more about this incredible do-gooder on his
<a
id="tribute-link"
href="https://kimetsu-no-yaiba.fandom.com/wiki/Kyojuro_Rengoku" target="_blank">
Fandom Wiki page
</a>
.
</h3>
</footer>
</main>
</body>
</html>
*{
margin:0;
padding:0;
font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body{
background:url(https://i.pinimg.com/originals/c9/4e/f8/c94ef8b9cf3886cbc9cb9bb09ec01cef.jpg);
background-color:#82170A;
}
header{
text-align:center;
font-size:20px;
font-weight:bold;
}
a {
color: white;
}
a:visited {
color: black;
}
main{
margin: 30px 8px;
padding: 15px;
border-radius: 5px;
background: rgba(255,162,0,70%);
color:white;
}
#img-div{
margin:20px;
background-color:#82170A;
color:white;
border-radius:4px;
padding:10px;
}
#image{
max-width:100%;
width:90%;
height:auto;
margin: 0 auto;
}
img{
display:block;
}
#img-caption {
margin: 15px 0 5px 0;
text-align:center;
}
.content-heading>p {
text-align:center;
font-weight:bold;
font-size:18px;
}
h3{
text-align:center;
}
ul {
max-width: 550px;
margin: 0 auto 50px auto;
text-align: left;
line-height: 1.6px;
font-size:18px;
font-weight:500;
}
li {
margin: 16px 0;
font-size:16px;
line-height:25.6px;
}
.quote{
font-style: italic;
font-size:20px;
max-width: 545px;
margin:auto;
text-align: center;
background-color:#82170A;
border-radius:5px;
}
.cited-by{
font-size:18px;
font-style:italic;
font-weight:500;
text-align:right;
margin-top:8px;
margin-bottom: 15px;
}
@media (max-width: 460px) {
#main {
margin: 0;
}
#img-caption {
font-size: 1.4rem;
}
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge: