diff --git a/signup_form/css/style.css b/signup_form/css/style.css index fae7c7f..68f061b 100644 --- a/signup_form/css/style.css +++ b/signup_form/css/style.css @@ -3,10 +3,12 @@ display: flex; align-items: center; align-content: center; + height: 100vh; + margin: 0; } .form { - width: 50vw; + width: 60vw; } .form-input { @@ -32,19 +34,18 @@ } @media only screen and (min-width: 700px) { - .container { - height: 95vh; - } .sidebar { width: 50vw; + margin-right: 10px; } .form { - width: 50vw; + margin-left: 30px; + padding: 20px; } form { display: flex; flex-wrap: wrap; - width: 600px; + width: 700px; gap: 20px; } @@ -55,11 +56,25 @@ .form-input input[type='text'], .form-input input[type='password'], .form-input input[type='email'] { - width: 250px; + width: 290px; height: initial; } .form-input label { - width: 250px; + width: 290px; + } + + /* Left side of the screen */ + + .sidebar { + background-image: url(../static/background.jpg); + background-position: center; + background-size: auto; + background-repeat: no-repeat; + height: 100%; } } +body { + margin: 0; + padding: 0; +} diff --git a/signup_form/static/background.jpg b/signup_form/static/background.jpg new file mode 100644 index 0000000..4a945ea Binary files /dev/null and b/signup_form/static/background.jpg differ