However when i move my css code back into the body in the html file (not using href="") the edits like padding, and color got applies to the frontend, here is my css code.
.subscribe-button {
background-color: rgb(204, 0, 0);
color:white;
border: none;
padding-top: 10px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 10px;
border-radius: 2px;
cursor: pointer;
margin-right: 5px;
margin-left: 10px;
transition: opacity 0.15s;
vertical-align: top;}
>Solution :
It seems that you misunderstood how the .css file works. You shouldn’t have any HTML tags in it (for example <div>). Here is how it should look like: https://www.webucator.com/article/how-to-create-a-css-external-style-sheet/ Use only selectors .div{} and the code inside them .div{color:red;}.