diff --git a/projects/sign-up-form/index.html b/projects/sign-up-form/index.html index a883e7d..23beb1c 100644 --- a/projects/sign-up-form/index.html +++ b/projects/sign-up-form/index.html @@ -7,6 +7,11 @@ -

Sign Up Form Project

+
+
+ +
+
ola?
+
diff --git a/projects/sign-up-form/nice_pic.jpg b/projects/sign-up-form/nice_pic.jpg new file mode 100644 index 0000000..a36c755 Binary files /dev/null and b/projects/sign-up-form/nice_pic.jpg differ diff --git a/projects/sign-up-form/style.css b/projects/sign-up-form/style.css index 42b926e..fbe32a3 100644 --- a/projects/sign-up-form/style.css +++ b/projects/sign-up-form/style.css @@ -1,8 +1,44 @@ -:root{ - --main-color: green; +:root { + --main-color: green; } - body { - background-color: var(--main-color); -} \ No newline at end of file + background-color: var(--main-color); + padding: 0; + margin: 0; +} + +.full-screen-container { + width: 100vw; + height: 100vh; +} + +.left-panel { + width: 33%; + height: 100vh; + background-color: var(--main-color); + margin: 0; + padding: 0; + overflow: hidden; + position: relative; + display: flex; + justify-content: center; + align-items: center; + position: absolute; +} + +.left-panel-pic { + margin: 0; + object-fit: cover; + position: absolute; +} + +.right-panel { + width: 67%; + background-color: antiquewhite; + margin: 0; + padding: 0; + position: relative; + left: 33%; + top: 0; +}