Failing in "Build a Tribute Page" Project

Tell us what’s happening:
Hello,

I’m failing in FCC Test Suite in 4 out of 10 user stories. I tried many times but every time I failed in 4 stories.

Please Help…

Your code so far
HTML

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<head>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Langar&family=Redressed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Langar&family=Lobster&family=Redressed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Langar&family=Lobster&family=Redressed&family=Yellowtail&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<title id="title">Tribute Page</title>
<body>
<main id="main">
<section id="tribute-info">
<h1><u>RABINDRANATH TAGORE</u></h1>
<h2>A Bengali Brahmin from Calcutta with ancestral gentry roots.</h2>
<hr>
<div id="img-div">
<img id="image image-caption" class="thin-black-border" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Rabindranath_Tagore_unknown_location.jpg/453px-Rabindranath_Tagore_unknown_location.jpg">
<hr>
<h2>Here's a timeline of Rabindranath's life:</h2>

<ul>
<li><strong><u>Early life: 1861–1878</u></strong> - The youngest of 13 surviving children, Tagore (nicknamed "Rabi") was born Robindronath Thakur on 7 May 1861 in the Jorasanko mansion in Calcutta. <u>Tagore was raised mostly by servants</u>; his mother had died in his early childhood and his father travelled widely.</li>
<li><strong><u>Shelaidaha: 1878–1901</u></strong> - Because Debendranath wanted his son to become a barrister, <u>Tagore enrolled at a public school in Brighton, East Sussex, England in 1878</u>. He stayed for several months at a house that the Tagore family owned near <u>Brighton and Hove, in Medina Villas</u>.</li>
<li><strong><u>Santiniketan: 1901–1932</u></strong> - In 1901 Tagore moved to Santiniketan to found an ashram with a marble-floored prayer hall—The Mandir—an experimental school, groves of ktrees, gardens, a library. There his <u>wife and two of his children died</u>. His father died in 1905. He received monthly payments as part of his inheritance and income from the Maharaja of Tripura, sales of his family's jewellery, his seaside bungalow in Puri, and a derisory 2,000 rupees in book royalties.</li>
<li><strong><u>Twilight years: 1932–1941</u></strong> - Dutta and Robinson describe this phase of Tagore's life as being one of a "peripatetic litterateur". It affirmed his opinion that human divisions were shallow. During a <u>May 1932 visit to a Bedouin encampment in the Iraqi desert</u>, the tribal chief told him that "<u>Our Prophet has said that a true Muslim is he by whose words and deeds not the least of his brother-men may ever come to any harm</u> ..." Tagore confided in his diary: "I was startled into recognizing in his words the voice of essential humanity." <u>To the end Tagore scrutinised orthodoxy—and in 1934</u>, he struck. That year, <u>an earthquake hit Bihar and killed thousands</u>. Gandhi hailed it as <u>seismic karma, as divine retribution avenging the oppression of Dalits</u>.</li>
<li><strong><u>Travels</u></strong> - <u>Between 1878 and 1932, Tagore set foot in more than thirty countries on five continents</u>. In 1912, he took a sheaf of his <u>translated works to England</u>, where they <u>gained attention from missionary</u> and <u>Gandhi protégé Charles F. Andrews, Irish poet William Butler Yeats, Ezra Pound, Robert Bridges, Ernest Rhys, Thomas Sturge Moore, and others</u>. Yeats wrote the preface to the English translation of Gitanjali; Andrews joined Tagore at Santiniketan. <u>In November 1912 Tagore began touring the United States</u> and <u>the United Kingdom, staying in Butterton, Staffordshire with Andrews's clergymen friends</u>. From <u>May 1916 until April 1917, he lectured in Japan and the United States</u>. He denounced nationalism. His essay "Nationalism in India" was scorned and praised; it was admired by Romain Rolland and other pacifists.</li>
<li><strong><u>Works</u></strong> - Known mostly for his poetry, Tagore <u>wrote novels, essays, short stories, travelogues, dramas, and thousands of songs</u>. Of Tagore's prose, his short stories are perhaps most highly regarded; he is indeed credited with originating the Bengali-language version of the genre. His works are <u>frequently noted for their rhythmic, optimistic, and lyrical nature</u>. Such stories mostly borrow from the lives of common people. <u>Tagore's non-fiction grappled with history, linguistics, and spirituality</u>. He wrote <u>autobiographies</u>. His <u>travelogues, essays, and lectures</u> were compiled into <u>several volumes, including Europe Jatrir Patro (Letters from Europe) and Manusher Dhormo (The Religion of Man)</u>. <u>His brief chat with Einstein, "Note on the Nature of Reality"</u>, is included as an appendix to the latter. On the occasion of Tagore's <u>150th birthday, an anthology (titled Kalanukromik Rabindra Rachanabali) of the total body of his works is currently being published in Bengali in chronological order</u>. This includes all versions of each work and fills <u>about eighty volumes</u>. In <u>2011, Harvard University Press collaborated with Visva-Bharati University to publish The Essential Tagore, the largest anthology of Tagore's works available in English</u>; it was edited by Fakrul Alam and Radha Chakravarthy and marks the 150th anniversary of Tagore's birth.</li>
<li><strong><u>Drama</u></strong> - Tagore's experiences with drama began when he was sixteen, with his brother Jyotirindranath. He wrote his first original dramatic piece when he was twenty — Valmiki Pratibha which was shown at the Tagore's mansion. Tagore stated that his works sought to articulate "<u>the play of feeling and not of action</u>". In 1890 he wrote Visarjan (an adaptation of his novella Rajarshi), which has been regarded as his finest drama.</li>
<li><strong><u>Short stories</u></strong> - Tagore began his career in short stories in 1877—when he was only sixteen—with "Bhikharini" ("The Beggar Woman"). With this, Tagore effectively invented the Bengali-language short story genre. The four years from 1891 to 1895 are known as Tagore's "Sadhana" period (named for one of Tagore's magazines). This period was among Tagore's most fecund, yielding more than half the stories contained in the three-volume Galpaguchchha, which <u>itself is a collection of eighty-four stories</u>.</li>
<li><strong><u>Novels</u></strong> - Tagore <u>wrote eight novels and four novellas</u>, among them Chaturanga, Shesher Kobita, Char Odhay, and Noukadubi. Ghare Baire (The Home and the World)—through the lens of the idealistic zamindar protagonist Nikhil—excoriates rising Indian nationalism, terrorism, and religious zeal in the Swadeshi movement; a frank expression of Tagore's conflicted sentiments, it emerged from a 1914 bout of depression. <u>The novel ends in Hindu-Muslim violence and Nikhil's—likely mortal—wounding</u>.</li>
<li><strong><u>Poetry</u></strong> - <u>Internationally, Gitanjali (Bengali: গীতাঞ্জলি) is Tagore's best-known collection of poetry</u>, for which he was <u>awarded the Nobel Prize in Literature in 1913</u>. <u>Tagore was the first non-European to receive a Nobel Prize in Literature and second non-European to receive a Nobel Prize after Theodore Roosevelt</u>.</li>
<li><strong><u>Songs (Rabindra Sangeet)</u></strong> - <u>Tagore was a prolific composer with around 2,230 songs to his credit</u>. His songs are known as rabindrasangit ("Tagore Song"), which merges fluidly into his literature, most of which—poems or parts of novels, stories, or plays alike—were lyricised. Influenced by the thumri style of Hindustani music, they ran the entire gamut of human emotion, ranging from his early dirge-like Brahmo devotional hymns to quasi-erotic compositions.</li>
</ul>

<a id="tribute-link" href="https://en.wikipedia.org/wiki/Rabindranath_Tagore" target="_blank">Know More</a>
</main>
</body>

CSS

h1 {font-size: 60px; font-family: 'Anton', sans-serif; text-align: center;}
h2 {font-size: 30px; font-family: 'Lobster', cursive; text-align: center;}
ul {font-size: 20px; font-family: 'Poppins', sans-serif; text-align: justify;}
.thin-black-border {border-color: black; border-width: 5px; border-style: solid;}
a {font-size: 20px; font-family: 'Poppins', sans-serif; text-align: center;}
a:hover {color: blue;}

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

Can you give us a link to your CodePen please so we can check the code?

https://codepen.io/Navneetk334/pen/BaLmrEP

Thanks in Advance :blush::blush:

Hi @Navneetk334!

Remember to keep the test suite in your project.
Also, you have a stray <head> tag that you can delete at the top of the page.

User story 4
Within the “img-div” element, I should see an element with a corresponding id=“image”.

You can’t combine multiple ids. You can only do that with classes
<img id="image image-caption"
If you delete the image-caption from the id than it will work.

User story 5
5. Within the “img-div” element, I should see either a <figcaption> or <div> element with a corresponding id="img-caption" that contains textual content describing the image shown in “img-div”.

If you create a div underneath the img tag with the id="img-caption" then it will fix that issue

Last two failing tests
The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.

and

The <img> element should be centered within its parent element.

I would look to these sources on how to accomplish those last two tests

https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-principles/make-an-image-responsive (how to create responsive images)

https://www.freecodecamp.org/news/how-to-center-an-image-in-css/ (How to center images. The answer is in the section titled margin:auto)

1 Like

I’ve edited your post for readability. 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 (’).

Thank you so much for your help :blush: :blush: