diff --git a/css/payment-form.css b/css/payment-form.css index 0ac24e6..68f6d39 100644 --- a/css/payment-form.css +++ b/css/payment-form.css @@ -1,6 +1,7 @@ -.payment-form { +.form { font-size: 1.2rem; - padding: 4em 2em 6em; + padding: 4em 2em 0em; + padding-bottom: 6rem; position: relative; } @@ -19,7 +20,7 @@ .form-field--inline-block { display: inline-block; - width: 35%; + width: 40%; } .form-field--inline-block--right { @@ -54,3 +55,10 @@ border: 1px solid #bdbdbd; border-radius: 2px; } + +.warning { + display: none; + font-size: 1em; + color: red; + font-size: 0.8em; +} diff --git a/payment-form.html b/payment-form.html index a00bff0..07d8750 100644 --- a/payment-form.html +++ b/payment-form.html @@ -25,9 +25,9 @@ -
-

Your contribution

-
+ +
+

Your contribution

@@ -79,13 +79,12 @@

Your contribution

- -
+
-
- - - -
+
+ +
+ +