styled SubmitButton and making it disappear when invalid

2 files changed, 21 insertions, 0 deletions

diff --git a/src/components/Pages/BillingPage.scss b/src/components/Pages/BillingPage.scss
new file mode 100644
index 0000000..f359df1
--- /dev/null
+++ b/src/components/Pages/BillingPage.scss
@@ -0,0 +1,20 @@
+@import "./../../styles/theme";
+
+.BillingPageFlex div {
+  box-sizing: border-box;
+  border: 1px solid $border1;
+}
+
+.BillingPageFlex {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: 27rem;
+}
+
+@media only screen and (max-device-width: 480px) {
+  .BillingPageFlex {
+    flex-direction: column;
+    height: 35rem;
+  }
+}
diff --git a/src/components/Pages/BillingPage.tsx b/src/components/Pages/BillingPage.tsx
index c1d30a5..e065cbc 100644
--- a/src/components/Pages/BillingPage.tsx
+++ b/src/components/Pages/BillingPage.tsx
@@ -7,6 +7,7 @@
 */
 
 import React, { useState, useEffect } from "react";
+import "./BillingPage.scss";
 import { Item, Person, Transport/*, Invoice*/ } from "../../interfaces";
 import axios from "axios";