Tribute page for my first project

HTML-CSS
#1

Tell us what’s happening:
I have completed 9 out of 10 task for my tribute page. The last task is the element that contain other element with id =“main” . Tried so many element but non seem to be working. Please i need suggestions on which element to use or what to do. thanks

Your code so far

        <html id="main">

<style>
#title {justify-self: center}
#img-div {display: flex;
  flex-direction: column;
align-items: center;
}
#image {max-width: 100%;
height: auto;
display: block;
  margin-left: auto;
  margin-right: auto;}
</style>

<h1 id= "title"> Gorge Soros </h1>
<h2> The man who broke the bank of England </h2>
<figure id="img-div"> 
<img id= "image" scr="https://images.app.goo.gl/Uce2g3EMV4CNWU3e9" alt= "picture of Gorge Soros">
<br>
 <figcaption id="img-caption">
     picture of Gorge Soros.
</figcaption>
</figure>

<p id= "tribute-info">
George Soros is a Hungarian-American billionaire investor and philanthropist. As of May 2020, he had a net worth of $8.3 billion, having donated more than $32 billion to the Open Society Foundations.

 Soros began his career by taking various jobs at merchant banks in the United Kingdom and then the United States, before starting his first hedge fund, Double Eagle, in 1969. Profits from his first fund furnished the seed money to start Soros Fund Management, his second hedge fund, in 1970. Double Eagle was renamed to Quantum Fund and was the principal firm Soros advised. At its founding, Quantum Fund had $12 million in assets under management, and as of 2011 it had $25 billion, the majority of Soros's over all net worth.
Soros is known as "The Man Who Broke the Bank of England" because of his short sale of US$10 billion worth of pounds sterling, which made him a profit of $1 billion during the 1992 Black Wednesday UK currency crisis.

Soros amassed wealth from the littel he had, making him an inspiration to all investor. And because of his selfless act of coverting his hedge fund into a philantropic organization he is loved by many. He has done so many good and contribute to the society on countless occasion, i will say he is a big inspiration to me. To read more on Gorge Soros <a    id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/George_Soros#Early_life_and_education">click here</a>
</p>  

</html>

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

#2

Welcome, aragaadam.

How are you testing the code? Do you have a CodePen with your code? If so, please include a link to it in your post.

Otherwise, some notes about HTML structure:

  • the html element is not supposed to have any attributes
  • the style element is supposed to go within the head tag of the script
  • the main content of a page is generally held within a body tag, but can be replaced by a main tag.

Here is a simple structure of most HTML pages:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

Hope this clarifies.

2 Likes
#3

okay. Thanks, helped a lot.

#4

in case you didnt solve your problem yet, I think it’s because you dont have a

<main id="main">
    <!--  put everything else in here -->
</main>
2 Likes
#5