Can not pass a couple of tests for my Tribute project

@Ujjwal1604 I have reviewed this lesson again and again, as well as other people’s code, but I still can’t get last two of the ‘missions’

.imag {
max-width: 80%;
height: auto;
display: block;
align: center;
}
.dive {
max-width: 60%;
max-height: 60%;

}

What have I been doing wrong? Thanks in advance.

Here’s the HTML part, by the way.:

<!-- HTML 
  <div id="img-div" style="dive"><img src="https://regrasdoesporte.com.br/wp-content/forum/uploads/2013/04/tudo-sobre-surfe.jpg" style="imag" id="image" />
    <div id="img-caption">Waves are amazing!</div>
  </div> -->

Thanks and greetings to anyone, :slight_smile:

Can you post a url to your project, so we can see which tests are failing?

Hi, yeah @RandellDawson thanks!
https://codepen.io/anon/pen/WyWEqR I made a new code totally from scratch and again, the layout of the photo isn’t accepted by the last 2 tests. I guess it has to be a total n00b mistake :smiley:

Do you understand what it means when it says “The element should responsively resize, relative to the width of its parent element, without exceeding its original size.”?

Shrink the browser width and you will see that the image does not shrink as the page width gets smaller. Instead, it stays the same.

There are a couple reasons why this is happening.

  1. You do not have any CSS defined which would make the image responsive. I suggest you review the Make an Image Responsive lesson.

  2. You have two classes, but you are not correctly added them to their respective elements. Please review the lesson named Use a CSS Class to Style and Element for how to do that.

For the other failing test, you need to do some research on centering elements.

Thank you so much!


Now it works. My bad.