Tribute Page: Passed 7 tests but there are still 3 left I can't find the problem!

<img src="https://vignette.wikia.nocookie.net/deathbattlefanon/images/5/57/Dragon_Ball_Super_Logo.png/revision/latest?cb=20151013120403" width="1000"
All of Dragon Ball Super characters in one image.

Dragon Ball Super (Japanese: ドラゴンボール超スーパー Hepburn: Doragon Bōru Sūpā) is a Japanese anime television series produced by Toei Animation that began airing on July 5, 2015 and ended on March 25, 2018.[2] Its overall plot outline was written by Dragon Ball franchise creator Akira Toriyama, while the individual episodes were written by different screenwriters. It is also a manga series illustrated by Toyotarou, serialized in Shueisha's shōnen manga magazine V Jump. The anime is a sequel to Toriyama's original Dragon Ball manga and the Dragon Ball Z television series featuring the first new storyline in 18 years. It was broadcast on Sundays at 9:00 a.m. on Fuji TV.

Dragon Ball Super follows the adventures of Goku and his friends after defeating Majin Buu and bringing peace to Earth once again. Goku encounters beings far more powerful and defends the Earth against a powerful destructive deity. He attains the power of a god and learns his newly discovered powers under the gods of his universe. Goku travels to other universes to face more powerful opponents as well as nearly unstoppable foes.

----------------------------------------------------------------CSS---------------------------------------------------------------------------

#img-div {
text-align: center;
position: relative;
top: 25px;
}

#title {
position: relative;
left: 440px;
width: 20px;
}

#tribute-info {

background-color:#eeeeee;
width: 800px;
position: relative;
left: 550px;
font-family: arial;
font-size: 20px;

}

#tribute-link {

font-size: 25px;
}

Please post a link to your page so we can help you. You can use codepen for that.

I’m sorry I’m very new to this there you go

How do I align the logo on top and also the picture? on my desktop, it shows as aligned, but opened the link on my phone and it isn’t aligned as I thought it would be.

Hi eberkaique, I took a moment to fork and edit your pen. Have a look to see how you could change things. Mostly I took out set widths, a bunch of divs, and the positions relatives.

From what I’ve learned, if you set an image’s css to display: block; margin: auto; height: auto; and set a width in % the image will be centered and responsive. There may be a better way to do this though, I’m not sure.

1 Like

Thank you I just started coding 2 months ago and I have just recently found out about Freecodecamp. I’m really thankful for your help, i really appreciate it.