remove .pure-g-r from forms manual test

tilomitra · tilomitra · commit 5e6fd019ccb2 · 2013-12-27T13:06:10.000-05:00
diff --git a/src/forms/tests/manual/forms.html b/src/forms/tests/manual/forms.html
@@ -9,6 +9,14 @@
     <link rel="stylesheet" href="../../../../build/grids.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>
@@ -38,24 +46,24 @@ <h2>Multi-Column Form with Grids</h2>
         <fieldset>
             <legend>Legend</legend>
 
-            <div class="pure-g-r">
-                <div class="pure-u-1-3">
+            <div class="pure-g">
+                <div class="pure-u-1 pure-u-med-1-3">
                     <label>First Name</label>
                     <input type="text">
                 </div>
-                <div class="pure-u-1-3">
+                <div class="pure-u-1 pure-u-med-1-3">
                     <label>Password</label>
                     <input type="password">
                 </div>
-                <div class="pure-u-1-3">
+                <div class="pure-u-1 pure-u-med-1-3">
                     <label>E-Mail</label>
                     <input type="email" required>
                 </div>
-                <div class="pure-u-1-3">
+                <div class="pure-u-1 pure-u-med-1-3">
                     <label>City</label>
                     <input type="text">
                 </div>
-                <div class="pure-u-1-3">
+                <div class="pure-u-1 pure-u-med-1-3">
                     <label>State</label>
                     <select class="pure-input-medium">
                         <option>AL</option>
