feat: more styling

This commit is contained in:
Mike 2023-11-04 10:05:32 -04:00
parent 0cea846e12
commit 4f8b5e5cdc
2 changed files with 10 additions and 10 deletions

View file

@ -28,13 +28,11 @@
font-size: 14px;
}
.form-input label {
.form-input label {
margin-bottom: 15px;
}
@media only screen and (min-width: 700px) {
}
@media only screen and (min-width: 700px) {
.container {
height: 95vh;
}
@ -62,4 +60,5 @@
margin-top: 7px;
padding-right: 20px;
}
}
}

View file

@ -19,19 +19,20 @@
<form action="" method="post">
<div class="form-input">
<label for="name">Name</label>
<input type="text" name="" id="name" placeholder="Enter your name.">
<input type="text" name="name" id="name" placeholder="Enter your name." required>
</div>
<div class="form-input">
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="you@example.com">
<input type="email" name="email" id="email" placeholder="you@example.com" required>
</div>
<div class="form-input">
<label for="password">Password</label>
<input type="password" name="" id="password">
<input type="password" name="password" id="password" required minlength="8">
</div>
<div class="form-input">
<label for="password_confirmation">Confirm Password</label>
<input type="password" name="" id="password_confirmation">
<input type="password" name="password_confirmation" id="password_confirmation" required
minlength="8">
</div>
<button type="submit">Sign Up</button>
</form>