From 4ea49a9e74b2ce8dc5872070d6babef6a2968d12 Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Mon, 6 Nov 2023 11:47:56 -0500
Subject: [PATCH] feat: basic mobile layout

---
 signup_form/css/style.css | 38 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/signup_form/css/style.css b/signup_form/css/style.css
index 1887e41..5b19b22 100644
--- a/signup_form/css/style.css
+++ b/signup_form/css/style.css
@@ -8,6 +8,7 @@
 .container {
     justify-content: center;
     display: flex;
+    flex-direction: column;
     align-items: center;
     align-content: center;
     height: 100vh;
@@ -15,10 +16,37 @@
     background-color: var(--light-bg);
 }
 
-/* .sidebar {
+.sidebar {
+    height: 100%;
+        background-image: url(../static/background.jpg);
+        background-position: center;
+        background-size: auto;
+        background-repeat: no-repeat;
+        height: 100%; 
+}
+.logo {
     position: relative;
-} */
+    background-color: rgb(22, 72, 99, 0.7);
+    top: 15vh;
+    height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
 
+.logo img {
+    height: 14vh;
+}
+
+.logo img {
+    height: 14vh;
+}
+
+.logo h1 {
+    font-weight: 900;
+    font-size: 3rem;
+    color: var(--light-bg);
+}
 
 .form {
     width: 60vw;
@@ -47,6 +75,12 @@
 }
 
 @media only screen and (min-width: 700px) {
+    .container {
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+    }
     .sidebar {
         width: 50vw;
         margin-right: 10px;