Hey guys, I have played with this for so long im not sure what I’ve done but for some reason no matter what I do I cant seem to complete these three tasks;
- List item
Yourimgelement should have adisplayofblock.
Your#imageshould have amax-widthof100%.
Your#imageshould be centered within its parent (with this I have tried
.center {
margin: auto;
padding: auto;
text-align: center;
}
Thank you
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> The one and only Son Goku</title>
</head>
<body>
<main id="main">
<div id="heading" class="center">
<h1 id="title" class="center">Son Goku</h1>
<p class="font"><i>The Saiyan who loved Earth</i><p>
</div>
<div id="img-div">
<img class="center" id="image" src="https://41.media.tumblr.com/tumblr_le47j6SKEt1qdszzmo1_1280.jpg" alt="Goku riding the flying nimbus">
<figcaption id="img-caption" class="font">Goku riding the flying nimbus with his son Gohan</br><figcaption>
</div>
</div>
<div id="tribute-info" class="center">
<h2 class="font">The early days of Goku</h2>
<ul class="font" style="text-align: justify;">
<li><b>737</b> - Born without knowing where he came from or who he was. Goku landed on Earth to be discovered by Grandpa Gohan</li>
<li><b>749</b> - Made friends with Bulma, Krillin, Yamcha, Roshi and entered his first martial arts tournament where he faced Picollo for the first time</li>
<li><b>759</b> - Goku went on to win the Martial arts tournament, save the earth from the tyrant King Picollo and married Chi Chi with whom he had two kids Gohan and later Goten</li>
<li><b>762</b> - Earth is attacked by a group of warriors called Saiyans where he discovers he has a brother Radditz and discovers his heritage. Goku has to defeat Radditz along with Nappa and Vegeta, the prince of all Saiyans</li>
<li><b>Dec 762</b> - Goku goes on to receive special training and is tasked with taking out the universes strongest evil, Frieza, it is with this battle he achieves a transformation that many believed to be just a myth, The legendary Super Saiyan</li>
<li><b>762-777</b> - Goku unfortunately loses his life in the battle against Perfect Cell, but his son Gohan would go on to fight in his sted and vanquish Perfect Cell and save the earth</li>
<li><b>762-777</b> - Gohan is now in his twenties and he has taken on the mantle of the Great Saiyaman, saving people and fighting crime</li>
<li><b>762-777</b> - Babidi an evil wizard takes over the mind of Vegeta who fights Goku and wins, to only sacrifice himself to Babidis evil creation Majin Buu to save the earth, but Majin Buu is later resurrected.</li>
<li><b>762-777</b> - Goku and Vegeta team up to fight the newly evolved Kid Buu on planet Kai after Kid Buu blew up the earth. Goku manages to defeat Kid Buu with the spirit bomb </li>
<li><b>762-777</b> - Goku fights in one last martial arts tournament where he is matched with Uub the yang version of Kid Buu</li>
<li><b>778</b> - Goku meets the god of destruction Beerus and transforms into a Super Saiyan God,the saiyan power that rivals gods but Goku learns there are way stronger beings in the universe</li>
<li><b>779</b> - Goku goes on to achieve Super Saiyan Blue and vanquishes evil such as Goku Black, Golden Frieza and more</li>
<li><b>780</b> - Goku fights in the tournament of power, with the weight of his universe on his shoulders he achieves the fabled Ultra Instinct power, power that rival the Angels and with the help of Android 17 and Frieza, they defeat Jiiren</b></li>
</ul
</div>
<div class="center">
<p class="font"><i>“I am the hope of the universe...I am the answer to all living things that cry out for peace...I am the protector of the innocent...I am the light in the darkness...I am truth. Ally to good...Nightmare to you!”</i> - Son Goku, Dragon Ball Z<br>
<h3 class="font">Learn more about earths mighties warrior at
<a href="https://dragonball.fandom.com/wiki/Goku" id="tribute-link" target="_blank">
Wikipedia.</a>
</main>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>
</html>
/* file: styles.css */
#title {
font-size: 400%;
width: 60vmax;
}
#image{
max-width:100%;
height: auto
}
img{
display: block;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: