What am I doing wrong

HTML-CSS
1 
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #f5f6f7;
  color: #1b1b32;
  font-family: sans-serif;
  font-size: 16px;
}

h1 , h2, h3, p{
  margin: 1em auto;
  text-align: center;
}

.center{
  margin: auto;
  padding: auto;
  display: block;
}
.img{
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.image{ 
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; 
}
 every time I run the test page it tells me that 
the img element should have a display of block which it has as far as i can see
be centered in the parent , have a max-width:100%; 
so what am i doing wrong.```
2

I would need to see the rest of your code, not just the css. What comes to mind without seeing your html is are you targeting the #img or .img, maybe your targeting a class or ID

3

i think u select it wrongly ,

<img></img>

is an element , so u need select it using

img{
}

instead of 

.img{

}
4

have tried that all to no avail still doesn’t work thanks for the help

5

Share your new code

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').