Tribute Page - Build a Tribute Page

Code Feedback
1

Tell us what’s happening:

Hi, just wanted some constructive feedback on my tribute page, anything i could do to improve the layout or readability of the page.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <main id="main">
      <h1 id="title">Al-Khwarizmi</h1>
      <p>A great contributor during the Golden age of Islam.</p>
            <figure id="img-div">
        <img
          id="image"
          src="https://upload.wikimedia.org/wikipedia/commons/d/dd/Al-Khwarizmi_portrait.jpg"
          alt="Al-Khwarizmi portrait" 
        />


<figcaption id="img-caption"><br>
Muhammad ibn Musa Al-Khwarizmi is one of the greatest scientific minds of the medieval period and the most important Muslim mathematician, justly called the ‘father of algebra’.
        </figcaption>
      </figure>
      <section id="tribute-info">
        <h3 id="headline">Here's 8 facts about Al-Khwarizmi:</h3>
        <ol>
          <li>He was a prominent director of a famous library in Baghdad called the House of Wisdom.</li><br>
          <li>He translated and adapted significant mathematical and scientific texts from earlier Greek and Indian scholars. He revised and updated one of Ptolemy's books on cartography and geography. </li><br>
          <li>He is known as the father of algebra. The word 'algebra' comes from the title of one of his most famous books.</li>
          <li>The word 'algorithm' is derived from the Latinisation of his name.</li><br>
          <li>His full name was Muḥammad ibn Musá al-Khwārizmiyy al-Majūsiyy al-Quṭrubbaliyy. There is a debate about where he was born, with some historians arguing he was born in what is present-day Uzbekistan. Others suggest he was born in what is present-day Iraq.</li><br>
          <li>His influence on later mathematicians was enormous. Fibonacci took up his work, and in this manner, European scholars learned elements of his mathematics that helped kickstart the Enlightenment.</li><br>
          <li>Al Khwarizmi was also a renowned astronomer. Historians credit him with inventing the sine quadrant, an astronomical measurement device.</li><br>
          <li> So great is his fame in mathematics and astronomy, a prominent crater on the moon is named after Al Khwarizmi.</li><br>
          </ol>

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

      </section>
  
      </main>
    </body>


/* file: styles.css */
img{
  display:block;
  max-width:100%;
  height:auto;
  margin: 0 auto;
}



body {
  background-color: #D4AF37; 
  font-family: "Courier New", Courier, monospace;

  font-size: 16px;
  line-height: 1.5;
  
}




ol li::marker {
  font-weight: bold;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Tribute Page - Build a Tribute Page

2

try passing your code through an html validator to start: Ready to check - Nu Html Checker

1 Like
3

alright thank you for showing that wbesite!

4

Hi @fateyhabegum

For readability and to make it easier to maintain code, you could indent each nested element by two spaces. The opening and closing tags of the parent element should maintain the same level of indentation as each other.

Happy coding

1 Like
5

Hi, thank you so much for the feedback, i will keep a note of that moving forward!

1 Like
6

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