1 files changed, 54 insertions, 2 deletions
diff --git a/src/css/supportingdocs.css b/src/css/supportingdocs.css
index 4c08074..f2eb756 100644
--- a/src/css/supportingdocs.css
+++ b/src/css/supportingdocs.css
@@ -1,4 +1,4 @@
-.supporting-docs-container {
+/* .supporting-docs-container {
     display: grid;
     grid-gap: 1rem;
 }
@@ -33,4 +33,56 @@
     .supporting-docs-container {
       grid-template-columns: repeat(4, 1fr);
     }
-  }
-\ No newline at end of file
+  } */
+  
+
+
+@media (min-width: 640px) {
+  .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .supporting-docs-container .upload-box {
+    width: calc(50% - 1rem);
+    /* width: 45%; */
+  }
+}
+
+@media (min-width: 1024px) {
+  .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .supporting-docs-container .upload-box {
+    width: calc(33% - 1rem);
+    /* width: 30%; */
+  }
+}
+
+@media (min-width: 1280px) {
+  .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .supporting-docs-container .upload-box {
+    width: calc(25% - 1rem);
+    /* width: 20%; */
+  }
+}
+
+@media (min-width: 640px) {
+  .supporting-docs-container {
+      display: flex;
+      grid-gap: 1rem;
+      flex-wrap: wrap;
+      align-content: flex-start;
+      /* max-width: 1280px; */
+      /* align-items: flex-start; */
+    }
+    .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .supporting-docs-container .upload-box {
+      flex-grow: 0;
+      flex-shrink: 100;
+      font-size: 1.2rem;
+      margin: 0;
+      text-align: left;
+      cursor: pointer;
+      flex-basis: auto;
+      min-height: 300px;
+  }
+}
+
+.supporting-doc-btn {
+  display: block;
+  border: 1px solid #BBBCBC;
+  background: #FFF;
+  padding: 24px;
+  border-radius: 4px;
+}
+\ No newline at end of file