smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2024-12-26 06:20:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: format layout and shiz

Browse source
This commit is contained in:
Mike 2023-11-05 19:12:54 -05:00
parent 07ce4de979
commit 29de4c689e
2 changed files with 23 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
signup_form/css/style.css
View file

@ -3,10 +3,12 @@
display: flex; display: flex;
align-items: center; align-items: center;
align-content: center; align-content: center;
height: 100vh;
margin: 0;
} }
.form { .form {
width: 50vw; width: 60vw;
} }
.form-input { .form-input {
@ -32,19 +34,18 @@
} }
@media only screen and (min-width: 700px) { @media only screen and (min-width: 700px) {
.container {
height: 95vh;
}
.sidebar { .sidebar {
width: 50vw; width: 50vw;
margin-right: 10px;
} }
.form { .form {
width: 50vw; margin-left: 30px;
padding: 20px;
} }
form { form {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
width: 600px; width: 700px;
gap: 20px; gap: 20px;
} }
@ -55,11 +56,25 @@
.form-input input[type='text'], .form-input input[type='text'],
.form-input input[type='password'], .form-input input[type='password'],
.form-input input[type='email'] { .form-input input[type='email'] {
width: 250px; width: 290px;
height: initial; height: initial;
} }
.form-input label { .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;
}

BIN
signup_form/static/background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 MiB