Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:Hi ,

I didn’t get how to do this" 1. Your #image should use max-width and height properties to resize responsively, relative to the width of its parent element, without exceeding its original size
2. Your img element should be centered within its parent element"
Please any form of assistance is appreciated. Thanks

Your code so far

TRIBUTE PAGE Tribute Page

Brigadier Benjamin Adekunle

The Hero of Nigeria's Civil War

Benjamin Adesanya Maja Adekunle (26 June 1936 – 13 September 2014) was a Nigerian Army leader. He served as general during many important Nigerian battles. Some of which, he is known for fighting at the Congo Crisis battles and fought during the Nigerian Civil War. He began his service years in 1958. He retired in 1974.

Adekunle died in Lagos, Nigeria, aged 78.

  <fig>If you have time, you should read more about this incredible human being on his<a id="tribute-link" href="https://simple.wikipedia.org/wiki/Benjamin_Adekunle#:~:text=Some%20of%20which%2C%20he%20is,He%20retired%20in%201974.&text=Adekunle%20died%20in%20Lagos%2C%20Nigeria%2C%20aged%2078." target="_blank"> Wikipedia entry.</a></fig>      </main>
</body>

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

This is the code for the img element.

The Hero of Nigeria's Civil War

3

Hi @Black16 ,
Style the image using properties of max-width and max-height. Give them values that you want. You should check this: CSS Properties – Max-width, Min-width, Max-height, and Min-height Explained with Examples

To center the image within its parent element, guess you should check out this article: CSS Image Centering – How to Center an Image in a Div

:+1: happy coding.

2 Likes
4

Thanks a lot. smile:

5

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