Doubt in CSS part of making Tribute page

The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

I am not understanding this particular part of building Tribute page, what does the above line mean and how to implement it? kindly help

** code so far**
HTML

Swami Vivekananda

picture of swami vivekananda
 <div id="img-caption">Swamiji is widely regarded as the India's foremost nation builders.</div>
</div>

Swami Vivekananda, a name that does not require any sort of introduction. He is an influential personality who is credited with enlightening the western world about Hinduism. He represented Hinduism in the Parliament of Religions in 1893 in Chicago and due to this an unknown monk of India suddenly leaped into fame. National Youth Day is observed on 12 January to commemorate the birth anniversary of Swami Vivekananda.

Here's a time line of Swami Vivekananda's life

  • 1863 β€” Birth of Swami Vivekananda, born on January 12, Monday, in Calcutta.

  • 1869 β€” age 6, started education in pathshala

  • 1880 β€” joined Presidency College in January, Arts section.

  • 1881 β€” passed FA examination (Higher Secondary, Class XII) from Scottish Church College. Continued his BA studies in same institution.

  • 1881 β€” December –first great meeting with the Master Ramkrishna Paramahamsa, when he went to Dakshineswar with a friend. Of great importance for both of them. He found the Master’s behaviour rather strange, as he fed him sweets and wept before him. Asked him if he had seen God, famous answer: β€˜Yes.’

  • 1884 β€” February 25 – father died. Immediate hardship, search for job. Small jobs now and then – schoolmaster for few months at Metropolitan Iinstitute, his old school,work at an attorney’s office. Continued going to Dakshineswar.

  • 1891–1892 β€” journey completely alone as wandering monk for 2 years, from beginning – Feb 1991 to end – March of 1893,when he left for the US. Not much known of this period. Starts from Delhi after bidding goodbye to his fellow monks.

  • 1893 β€” September11 – opening session of Parliament of religions. Opening speech.

  • 1894 β€” spent in lecturing throughout America, under lecturing organisations. At Detroit meets Sister Nivedita. Beginning of winter arrives in New York, cuts off lecturing organisations, organises in poor quarters. Gives several lectures.

  • 1895 β€” first teaching course from Feb. to June, explained the Upanishads, taught Gyan and Raja yoga. June – finishes the book Raja Yoga.

  • 1895 β€” December – private classes on Karma Yoga in New York.

  • 1896 β€” February – private classes on Bhakti Yoga – gives lectures all over America again. Starts Vedanta society in New York. Offered chair of oriental philosophy in Harvard University, Chair of Sanskrit in Columbia University. Declines.

  • 1899 β€” set up many Vedantic centres in US, at San Fransisco, Oakland, Alameda. Gave lectures. Had taken along Turiyananda, set him up in Mont Clair near New York, work of Abhedananda in Vedanta society in full swing. Set up Ashrama in district of Santa Clara.

  • 1902 β€” Friday, July 4, dies. Although seriously ill for several months, death itself was sudden and unexpected. Had been meditating, had lunch and gave talks on various subjects in the morning. In the evening went for meditation to his room around 7. Then lay down on the bed and attained the final Samadhi around 9 pm. He was thirty nine.

  <div>If you have time, you should read more about this incredible human being on his</div>
 <a id="tribute-link" href="https://en.wikipedia.org/wiki/Swami_Vivekananda" target="_blank">Wikipedia entry </a>  
   

</div>
</body>

CSS part-
body {
background: lightgrey;
}
#title {
text-align: center;
font-size: 50px;
}
#img-caption{
font-family: Verdana;
text-align: center;
}
p{
font-family: Verdana;
}

#tribute-info {
text-align: left;
font-size: 20px;
}

div{
text-align: center;
font-size: 20px;
}

Challenge: Build a Tribute Page

Link to the challenge:

Howdy!

Did you use attributes on your image?
Check attributes for setting width, max width and how to put the image centered.

1 Like

Thanks… I completed this project. I had not used attributes on the image earlier, now I added max-width,display etc and its done.

1 Like

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