Help please i'm trying but it's not running

Hey guys can someone help me code this? Please

In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b , padding value of 2% , top and bottom margin values of 2% and left and right margin values of auto , width value of 80% , text alignment of center , and a border radius of 5px .`

Hi again!

It would help to see what you have tried so far so we can better assist you.

Thanks!

This is what I did, but it’s not working.

main p {
    font-size: 1.25em;
}

.btn {
   background-color: #375f1b;
   padding: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: 2%;
   margin-left: auto;
   width: 80%;
   text-align: center;
   border-radius: 5px;

}
.btn a {
  color: #ebf7e3;
  text-decoration: none;
  font-size: 1.25em;
  display: block;
}
.corner {
  border-radius: 12px;
}

You could use the margin shorthand property.

margin:2% auto;

As to why it is not working, did you link your styles.css file to the html page?
If not, then that could be why your styles are not showing up.

What do you mean by “it’s not running”? Sounds like an assignment, how is the CSS being tested?

It looks correct but we do not know the exact requirements.

1 Like

Also, did you add the btn class to an html element?
Cause that could be part of the problem too.