Hey everyone, I recently attempted to create a form for the first time but ran into an issue with the writable area not starting at the beginning. I suspect it has something to do with the padding, but being new to this environment, I'm having trouble figuring it out. I know the solution may be obvious, but any help would be greatly appreciated. Below is the relevant code snippet from the website. Thank you!
label{
font-size: 30px;
font-family: 'Raleway', sans-serif;
margin-left: -390px;
margin-right: 100px;
display: block;
margin-top: 70px;
}
input[type=text],
input[type=email],
textarea{
padding: 12px 200px;
box-sizing: border-box;
background-color: #222326;
border: none;
border-bottom: 1px solid #D9D9D9;
text-align: left;
}
.msg-label{
margin-left: -345px;
}
.email-label{
margin-left: -398px;
}
textarea{
margin-bottom: 100px;
padding-right: 300px 220px;
overflow:hidden;
margin-right: -50px;
}<div id="contact-me">
<div id="center">
<h2>CONTACT ME</h2>
</div>
<div id="center">
<form action="action-page.php">
<label for="name" class="name-label">Name</label>
<input type="text" id="name" name="full-name" >
<label for="email" class="email-label">Email</label>
<input type="email" id="email" name="email">
<label for="message" class="msg-label">Message</label>
<textarea id="msg" name="message"></textarea>
<input type="submit" value="Submit">
</form>
</div>
</div>