Use grids-responsive.css on Forms manual test

This commit is contained in:
Eric Ferraiuolo 2014-02-28 13:13:07 -05:00
parent 3bbbf47ccd
commit a264619342

View File

@ -7,16 +7,9 @@
<link rel="stylesheet" href="../../../../build/base.css">
<link rel="stylesheet" href="../../../../build/grids.css">
<link rel="stylesheet" href="../../../../build/grids-responsive.css">
<link rel="stylesheet" href="../../../../build/buttons.css">
<link rel="stylesheet" href="../../../../build/forms.css">
<style>
@media screen and (min-width: 767px) {
.pure-u-med-1-3 {
width: 33.3333%;
}
}
</style>
</head>
<body>
@ -47,23 +40,23 @@
<legend>Legend</legend>
<div class="pure-g">
<div class="pure-u-1 pure-u-med-1-3">
<div class="pure-u-1 pure-u-md-1-3">
<label>First Name</label>
<input type="text">
</div>
<div class="pure-u-1 pure-u-med-1-3">
<div class="pure-u-1 pure-u-md-1-3">
<label>Password</label>
<input type="password">
</div>
<div class="pure-u-1 pure-u-med-1-3">
<div class="pure-u-1 pure-u-md-1-3">
<label>E-Mail</label>
<input type="email" required>
</div>
<div class="pure-u-1 pure-u-med-1-3">
<div class="pure-u-1 pure-u-md-1-3">
<label>City</label>
<input type="text">
</div>
<div class="pure-u-1 pure-u-med-1-3">
<div class="pure-u-1 pure-u-md-1-3">
<label>State</label>
<select class="pure-input-medium">
<option>AL</option>