Build a Tribute Page - Run tests not detecting height:auto

HTML-CSS
1

Whenever I’m running a test on the Build a Tribute page, it keeps telling me I need to set my image height: auto, and I have done so but it just wont seem to detect it? can anyone tell me if I am missing something?

main{
background-color: grey;
border: white solid 10px;
border-left: 2px;
border-right: 2px;
width: 100%;
max-width:100%;
margin: 0 auto;
background:grey;  
}

.top{
  width: 100%;
  height: 100px;
  border: yellow solid 1px;
}

  

#img-div {
  width: 95%;
  margin: 0 auto;
  height: auto;  
  align-items: center;
  padding: 0;
  border: yellow solid 1px;
  background-color: white;
  
}

#image{
  display: block;
  height: auto;
  width: 60%;
  max-width: 100%;
  margin: 0 auto;
  border: white solid;
}

.top{
  display: block;
  padding: none;
  margin-left:auto;
  margin-right: auto;
}

.top > h1, p{
  background-color: grey;
  text-align: center;
}

#tribute-info, #tribute-info > ul{
  padding-left: 10px;
  padding-right: 10px;
  background-color: grey;
  
}

h2{
  text-align: center;
}

#tribute-info > ul{
  display: flex;
  flex-direction: column; 
  margin: 0 auto 0 auto;
  width: 70%;
  max-width: 70%;
  background-color: grey;
  
}

#tribute-info, ul > li{
 background-color: grey;
 padding-top:0;

}

.bold{
  background-color: grey;
}
2

We need to see your HTML as well.

  1. Make sure you have the image id on the img element.

  2. Make sure you only have one element with the image id on it.

  3. Make sure you have linked to the CSS file.

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

1 Like
3

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