Tribute - 9of10, what's missing?

    <title id='page-title'>My page</title>
    <main id='main'>
      <h1 id='title'>My page - My Story</h1>
      <p id='underTop'>From despaire to an ignition</p>
      <div id='img-div'>
        <img id='image' src='' alt='A lit up sparkler'>
        <p id='img-caption'> A sparkler in the dark, symbolizing light even during darker times.</p>
      <div id='info'>
        <p id=caption-summary>A brief summary of Xinistas life</p>
        <ul id='tribute-info'>
          <li><strong>2040</strong> - Born in Nevereverland</li><br>
          <li><strong>2060</strong> - Moved to a galaxy far, far away</li><br>
          <li><strong>2063</strong> - Became the leader of the Klingels</li><br>
          <li><strong>2065</strong> - Fights for the right of co-existens <br>among different spieces. </li><br>
          <li><strong>2069</strong> - Exam in engineering, build her own <br>modern R2D2.</li><br>
          <li><strong>2076</strong> - Join the Rebellions.</li><br>
          <li><strong>2077</strong> - Make a bound to one of her loves.</li><br>
          <li><strong>2079</strong> - Do not strive to be the leader of the pack, <br>though to lead people to the "right" path.</li><br>
          <li><strong>2083</strong> - Takes exam in the air flotilla and can manouver 5 <br>different aircrafts</li><br>
          <li><strong>2086</strong> - Become a mother to three xirillios.</li><br>
      <div id='bottom'>
        <p id='quote'><em>One in 200 stars has habitable Earth-like<br>planets surrounding it - in the galaxy,<br> half a billion stars have Earth-like<br> planets going around them - that's huge,<br>half a billion. So when we look at the night sky,<br>it makes sense that someone is looking back</em></p>
        <p id='link'>To read more about the future <a id="tribute-link" href='' target=_blank>Enter the space</a></p>

#main {
  background-color: #ecc7db;
  padding: 20px;

#title {
  font-family: copperplate;
  font-size: 60px;
  color: #32011b;
  background-color: #ecc7db;
  padding: 40px 0 0 0;
  text-align: center;
  margin: 0;

#underTop {
  /*background-color: #ecc7db;*/
  margin: 0;
  padding: 15px 0 20px;
  font-family: copperplate;
  text-align: center;

#img-div {
  display: block;
  text-align: center;
  background-color: white;
  padding: 45px 30px 5px;

#image {
  width: 1000px;
  max-width: 100%;
  max-heigth: 100%;
  display: center;

#img-caption {
  margin: 5px 0 10px;

#info {
  text-align: center;

#caption-summary {
  font-family: copperplate;
  font-size: 30px;
  margin: 60px 0 40px;
  font-weight: bold;

#tribute-info {
  display: inline-block;
  text-align: left;

#bottom {
  text-align: center;

#quote {
  display: inline-block;
  text-align: left;

#link {
  font-size: 25px;

a:link { color: none; }
a:visited { color: black; }
a:hover { color: hsl(300, 100%, 10%); }

Can you tell us which test is not passing?
What does the error message say?

Also, you will receive quicker responses if you share your codepen link so people can test out the code for themselves.

Hope that helps!

Also, I don’t think center is a proper value for the display property

Here is a list of all of the possible values for display

Thanks for taking time answering.
I know I’ve been doing this “project” before, this time I hope I’ll be able to continue the path.

I do not see any error-message, that’s why I’m asking. I thougt it was a little bit strange not getting any hint about were to find the fault.
I think I put display: center afterwards in an attempt trying to find that something which were wrong.

Were should I look for the error-message/s?

Thanks for the hints I will try to remember them to the next project :slightly_smiling_face:

You need to click the red test button to open up the test suite to read the error messages.

Laughing (at myself) because of not thinking about it.

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