My Tribute Page - Build a Tribute Page

So sorry for the super long code lol but here’s my tribute page so far!! I’d love any tips : )

<main id='main'>
<link rel="stylesheet" href="styles.css">
  <h1 id='title'>Harambe </h1>
    <p>(5/27/1999-5/28/2016)</p>
  <div id='img-div'>
    <img id='image' class='center' src='data:image/jpeg;base64,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'>
  <div id='img-caption'>
    <p id='img-caption'>Harambe enjoying life</p>
  </div>
  </div>
  <h2>Tribute</h2>
    <p id='tribute-info'> Harambe was born at the Gladys Porter Zoo in Brownsville, Texas. He qas named after the 1988 song "Harambe (Working Together for Freedom" by Rita Marley, widow of Bob Marley. He was a kind gorilla who enjoyed bamboo shoots, fruits, and wrestling. One fateful day, some idiot parents didn't notice their child climbing into Harambe's exhibit. Harambe was confused and interested by the child and decided to investigate. After around ten minutes of Harambe grabbing the boy and moving him around, a zoo employee decided to take lethal force against Harambe out of fear for the boys life.
      <a id='tribute-link' target='_blank' href='https://en.wikipedia.org/wiki/Harambe'>More About Harambe</a>
    </p> 
</main>
* {
  font-family: georgia, serif;
}
main {
  background-image: url('https://wallpapers.com/images/featured/banana-i5ig3btki8vtrp2g.jpg');
  text-align: center
}
#image {
  max-width: 100%;
  height: auto;
  background-position:
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

update: i changed the background image to solid yellow for readability!

change fonts: different font for h1, different for paragraph

apply margin so text doesnt spread out so much

Don’t be afraid to use large font sizes. It looks better and is easier to read. When the main content of a page is text it should stand out. As suggested the font family is also important to give some consideration. Google fonts have plenty to pick from and they are easy to use.

  • Increase the font size and line height.

  • Left-aligned text is usually easier to read.

  • Limit the text line length to about 80-110 characters. You can use the ch unit to help with this.

Example:

#tribute-info {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
  /* at most 80ch, no less that 90% */
  width: min(80ch, 90%);
  margin-inline: auto;
}

Be super careful about not having duplicate ids

remember that ids need to be unique

I would suggest renaming this first id here to something else

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