Build a Tribute Page Project - Build a Tribute Page

Tell us what’s happening:
Describe your issue in detail here.
Hello I’m Joe and new to coding.
I’ve been trying to build a tribute page but when I try applying the css it seems not to be working and also I’m very finding it difficult to fix the max-width.
Please how do I go about it?
Your code so far

/* file: index.Ext.html */
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tribute of Kwame Nkrumah</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main id="main">
<h1 id="title">Dr. Kwame Nkrumah</h1>
<p>The man with a golden heart</p>
 <div id="img-div">
 <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" width="100%" style="display:block; max-width">
 <figcaption id="img-caption">
Nkrumah's was a gentle, loving and kind hearted man who lived his life fighting for the welfare of all people both rich and poor alike.
</figcaption>
 </div>
<h2 id="tribute-info">Here is the presentation of Nkrumah's life story.</h2>
 <ul>
<li>1966 - Born in Nkrofom,Ghana </li>
<li>1972 - Basic and High school in Cape Coast, Ghana</li>
<li>1975 - Married to Mercy and had two kids</li>
</ul>
<a href="tribute-link"id="tribute-link" target="_blank" >Tribute link</a>
</main>
</body>
</html>
 
</>


<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tribute of Kwame Nkrumah</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main id="main">
<h1 id="title">Dr. Kwame Nkrumah</h1>
<p>The man with a golden heart</p>
 <div id="img-div">
 <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" width="100%" style="display:block; max-width">
 <figcaption id="img-caption">
Nkrumah's was a gentle, loving and kind hearted man who lived his life fighting for the welfare of all people both rich and poor alike.
</figcaption>
 </div>
<h2 id="tribute-info">Here is the presentation of Nkrumah's life story.</h2>
 <ul>
<li>1966 - Born in Nkrofom,Ghana </li>
<li>1972 - Basic and High school in Cape Coast, Ghana</li>
<li>1975 - Married to Mercy and had two kids</li>
</ul>
<a href="tribute-link"id="tribute-link" target="_blank" >Tribute link</a>
</main>
</body>
</html>














    


    











    















/* file: styles.Ext.css */



<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tribute of Kwame Nkrumah</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main id="main">
<h1 id="title">Dr. Kwame Nkrumah</h1>
<p>The man with a golden heart</p>
 <div id="img-div">
 <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" width="100%" style="display:block; max-width">
 <figcaption id="img-caption">
Nkrumah's was a gentle, loving and kind hearted man who lived his life fighting for the welfare of all people both rich and poor alike.
</figcaption>
 </div>
<h2 id="tribute-info">Here is the presentation of Nkrumah's life story.</h2>
 <ul>
<li>1966 - Born in Nkrofom,Ghana </li>
<li>1972 - Basic and High school in Cape Coast, Ghana</li>
<li>1975 - Married to Mercy and had two kids</li>
</ul>
<a href="tribute-link"id="tribute-link" target="_blank" >Tribute link</a>
</main>
</body>
</html>














    


    











    















Your mobile information:

Infinix X688B - Android 11 - Android SDK 30

Challenge: Build a Tribute Page Project - Build a Tribute Page

Link to the challenge:

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Hi there and welcome to our community!

The CSS file is styles.css not style.css.

Thank you very much…but in my code it’s style.css that I wrote

Can you post the content of your style.css?
You said:

Unfortunately, “it seems not to be working” does not give us much to know what’s happening. Can you say what do you see happening or not happening?
Example:

I want the paragraph to show in the center of the page. I added a center property in the css file (here’s my code) but when I refresh the page, the paragraph shows at the left of the page.