Tribute Page - Build a Tribute Page

I don’t know what am i doing wrong please?
Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Hi!

Please share your code so we can check it.
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Pleas explain in more detail, what user stories are showing as unfulfilled?

`Preformatted text````
type or paste code here


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Fela Kuti, the gratest singer</title>
    <link rel="stylesheet" href="styles.css">
    <link href='https://fonts.googleapis.com/css?family=Aboreto' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Alex Brush' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Barlow' rel='stylesheet'>
</head>
<body>
    <header>
<h1 id="title">Fela Kuti</h1>
<h2 id="subtitle">The best singer</h2>
<div id="header"></div>
    </header>
    <main id="main">
    <div id="img-div">
        <img id="image" src="https://i.ytimg.com/vi/X6yM6HLADbE/maxresdefault.jpg" alt="fela kuti" class="img-responsive" class="centered">
  <p>Fela Kuti's typical stage perfromance attire</p>
        <figcaption id="img-caption">A beautiful portrait from Fela Kuti, one of the gratest afrobeats singers of the century.</figcaption></div>
    <br>
    <div id="divider"></div>
    <br>
    <h3 id="about">About him:</h3>
    <p id="tribute-info"><b>Fela Anikulapo Kuti</b> (born Olufela Olusegun Oludotun Ransome-Kuti; 15 October 1938 in Abeokuta (the modern-day capital of Ogun State), which at the time was a city in the British Colony of Nigeria). He was a Nigerian musician, bandleader, composer, political activist, and Pan-Africanist. Kuti was the son of Nigerian women's rights activist Funmilayo Ransome-Kuti. After early experiences abroad, he and his band Africa 70 (featuring drummer and musical director Tony Allen) shot to stardom in Nigeria during the 1970s, during which he was an outspoken critic and target of Nigeria's military juntas. In 1970, he founded the Kalakuta Republic commune, which declared itself independent from military rule. The commune was destroyed in a 1978 raid. He was jailed by the government of Muhammadu Buhari in 1984, but released after 20 months. He continued to record and perform through the 1980s and 1990s. Since his death in 1997, reissues and compilations of his music have been overseen by his son, Femi Kuti. </p> 
    <p id="tribute-info">Fela's marrital life, <i>In 1960, Fela married his first wife, Remilekun (Remi) Taylor, with whom he would have three children (Femi, Yeni, and Sola).</i> Fela moved back to the newly independent Federation of Nigeria, re-formed Koola Lobitos and trained as a radio producer for the Nigerian Broadcasting Corporation. He played for some time with Victor Olaiya and his All Stars.<i>"Exile to Ghana"</i> In 1967, Fela went to Ghana looking for a new musical direction. It was then that Kuti first called his music Afrobeat, a combination of highlife, funk, jazz, salsa, calypso and traditional Nigerian Yoruba music. In 1969, Fela took the band to the United States where they spent 10 months in Los Angeles. While there, Fela discovered the Black Power movement through Sandra Smith (now Sandra Izsadore), a partisan of the Black Panther Party. The experience would heavily influence his music and political views. He renamed the band Nigeria '70. Soon afterwards, the Immigration and Naturalization Service was tipped off by a promoter that Fela and his band were in the US without work permits. The band performed a quick recording session in Los Angeles that would later be released as The '69 Los Angeles Sessions.<i>He formed the Kalakuta Republic </i> According to Lindsay Barrett, the name "Kalakuta" derived from the infamous Black Hole of Calcutta dungeon in India. Fela set up a nightclub in the Empire Hotel, first named the Afro-Spot and later the Afrika Shrine, where he both performed regularly and officiated at personalized Yoruba traditional ceremonies in honour of his nation's ancestral faith.<i>released the album Zombie </i> (In 1970) a scathing attack on Nigerian soldiers using the zombie metaphor to describe the methods of the Nigerian military. The album was a smash hit and infuriated the government, setting off a vicious attack against the Kalakuta Republic, during which one thousand soldiers attacked the commune.
Fela was severely beaten, and his elderly mother (whose house was located opposite the commune) was thrown from a window, causing fatal injuries, <i>In 1978</i>  he married 27 women, namely: Kikelomo Oseyni, Folake Oladejo, Tejumade Adebiyi, Naa Lamiley, Sewaa Kuti, Omotola Osaeti, Omowunmi Oyedele, Alake Anikulapo Kuti, Shade Shodeinde, Adeola Williams, Najite Kuti, Emaruagheru Osawe, Kevwe Oghomienor, Ihase Anikulapo, Adejonwo Iyabode Ogunitro, Bose Anikulapo Kuti, Lara Anikulapo Kuti, Suru Eriomola, Tokunbo Akran, Funmi Kuti, Omowunmi Afesumo, Laide Anikulapo Kuti, Ronke Edason, Damiregba Anikulapo Kuti, Aduni Idowu, Omolara Shosanya Remilekun Taylor, many of whom were his dancers, composers, and singers. <i>Fela's Dealth</i> On 3 August 1997, Olikoye Ransome-Kuti, already a prominent AIDS activist and former Minister of Health, announced his younger brother's death a day earlier from complications related to AIDS. However, there has been no definitive proof that Kuti died from complications related to HIV/AIDS, and much skepticism surrounds this alleged cause of death and the sources that have popularized this claim. More than one million people attended Fela's funeral at the site of the old Shrine compound. supervision of his son Femi.[citation needed] His youngest son Seun took the role of leading Fela's former band Egypt 80. As of 2020, the band is still active releasing music under the moniker Seun Kuti & Egypt 80. </p>    
<p id="more-info">You can get to know more about Fela Anikulapo <a href="https://en.wikipedia.org/wiki/Fela Kuti" id="tribute-link" target="_blank">here</a>.</p>
<br>
</main>
</body>
</html>

In future please highlight the code you want to format then press the format button so the code gets formatted.

Also if you want to reply press the button that says ‘reply’ with the left point arrow. That way people get notified when you reply to their comment.

Also please share your css code. The css code is important to this lesson and I need to see it to check it.

Again, please tell me which user stories aren’t passing.

An important part of learning to code is learning to explain what you are stuck on. :slight_smile:

Am i not suppose to be able to access my CSS code via the href=“styles.css”? But this isn’t happening… Where do i copy the entire CSS code from?

If you press the tab I’ve circled you will be able to see your css code. This is how you access your css code. I need you to copy and paste it so I can look at it.

But if that tab is empty, then you need to write some css code to pass the test. The user stories tell you what you need to do.

Again, it would really help if you can tell me which user stories/tests aren’t passing.

They are listed like this:

The ones that do not pass have a cross by them. If you tell me which don’t have a cross by them and share your css code I can find out what is going wrong.

type or paste code here
``
Thank you. I forgot to write my CSS rules... 

body {
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  background-color: #1b1b32;
  color: #f5f6f7
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}

The instructions say:

  • Your #image should have a max-width of 100%.

  • Your #image should have a height of auto.

Where is the css that targets the #image id?

Remember, that the #image id is not the same thing as the img element in terms of what needs targeting in the css.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.