I'm stuck on my first project grant a please help

HTML-CSS
1 
<header>
<h1 id="main"></h1>
<h2 id="title">Person who never died!</h2>
<h3 id="img-div"> </h3>
<figure>
<img class="image-responsive" src="https://upload.wikimedia.org/wikipedia/commons/7/7a/Mahatma-Gandhi%2C_studio%2C_1931.jpg" alt="Mahatma Gandhi wrapped with culture">
<br>
<figcaption id="img-caption"> <strong>Mahatma Gandhi</strong> </figcaption>
</figure>
</header>
<body>
<article>
<h4> 
<ol>
<li>He was born on 2<sup>nd</sup> October 1869 in Gujarat.</li>
<li>His full name is Mohandas Karamchand Gandhi.</li>
<li>He was a Lawyer, anti-colonial nationalist and political ethicist.</li>
<li><strong>"Father of Nation"</strong> proverb was used to define him in India.</li>
<li>He launched <u>Khadi Movement</u> to encourage the use of handspun fibers like jute.</li>
<li>World wide hes birthday is known as 'International Day of Non-violance' because of his faithful contribution towards history.</li>
<li>He led many movements like Non-coperation movement, Quit India Movement, Indian Independence Movement, Champaran Movement, Salt Satyagraha Movement, etc.</li>
<li> His death was caused due to assassination on 30<sup>th</sup> January 1948.</li>
<p>Strength does not come from physical capacity. It comes from an indomitable will. <em>- Mahatma Gandhi</em></p>
</article>
<a id="tribute-link" for more info on Mahatma gandhi,  check out this article, href="https://en.wikipedia.org/wiki/Mahatma_Gandhi" target="_blank">Wikipedia entry</a>
</body>
<style> 
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
#main {
#title {
  font-family: sans-serif;
  font-size: 120px;
  font-weight: 800;
  background-color: pink;
  text-transform: uppercase;
}
#img-div {
  width: 200px;
  border-color: cyan;
  border-width: 5px;
  border-style: solid;
  border-radius: 30%;
}
#img-caption {
  text-align: center;
  font-family: monospace;
}
#tribute-link {
 color:  rgba(45,45,45,0.1);
  font-size: 27px;
  text-transform: capitalize;
}
 }
</style>
<footer>If you are amazed checkout more about him.</footer>

https://codepen.io/GUNGOD_6152/pen/WNRBEeN

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

2

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

3

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