smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2024-12-26 22:30:44 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: more styling

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
signup_form/css/style.css
View file

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

9
signup_form/index.html
View file

@ -19,19 +19,20 @@
<form action="" method="post"> <form action="" method="post">
<div class="form-input"> <div class="form-input">
<label for="name">Name</label> <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>
<div class="form-input"> <div class="form-input">
<label for="email">Email</label> <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>
<div class="form-input"> <div class="form-input">
<label for="password">Password</label> <label for="password">Password</label>
<input type="password" name="" id="password"> <input type="password" name="password" id="password" required minlength="8">
</div> </div>
<div class="form-input"> <div class="form-input">
<label for="password_confirmation">Confirm Password</label> <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> </div>
<button type="submit">Sign Up</button> <button type="submit">Sign Up</button>
</form> </form>