I dont know where i made mistake on 16 th step

body {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
  width: 50vw;
  min-height: calc(100vh - 100px);
}

.hhr{
  border: 2px solid black;
  margin: 50px 0;
  

} 
.hrr {
  border: 2px solid black;
  margin: 50px 0;
 
}

header {
  text-align: center;
}

img {
  max-width: 500px;
}

h1 {
  text-align: center;
}

.container {
  max-width: 800px; 
  margin-left: auto;
  margin-right: auto;
}

section {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  text-align: center;
  margin: 0 5%;
}

footer {
  text-align: center;
}

step 16th: The width of your hr elements should be set using a percent value.

Hi. Please can you link to the challenge step you are doing.

I’ve edited your post to improve the readability of the 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.

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