Skip to content

Commit

Permalink
Make form horizontal example responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
LeBenLeBen committed Oct 21, 2017
1 parent e5ae77b commit 1c4e5fa
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions components/04-examples/forms/horizontal.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
<form>
<div class="form-group grid">
<label for="email" class="field-label grid__item w-1/5">Email</label>
<div class="grid__item w-4/5">
<label for="email" class="field-label grid__item sm-w-1/5">Email</label>
<div class="grid__item sm-w-4/5">
<input type="email" name="email" class="field">
</div>
</div>
<div class="form-group grid">
<label for="password" class="field-label grid__item w-1/5">Password</label>
<div class="grid__item w-4/5">
<label for="password" class="field-label grid__item sm-w-1/5">Password</label>
<div class="grid__item sm-w-4/5">
<input type="password" name="password" class="field">
<p class="field-help">
A least 8 characters.
</p>
</div>
</div>
<div class="form-group grid grid--right">
<div class="grid__item w-4/5">
<div class="grid__item sm-w-4/5">
<label class="label label--inline"><input type="checkbox" class="checkbox"> Remember me</label>
</div>
</div>
<div class="form-group grid grid--right">
<div class="grid__item w-4/5">
<div class="grid__item sm-w-4/5">
<button type="submit" class="btn btn--primary">Log in</button>
</div>
</div>
Expand Down

0 comments on commit 1c4e5fa

Please sign in to comment.