Scribd
Upload
4 views

Homework New

School notes

Uploaded by

ayomide.emmanuel3a
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
4 views

Homework New

School notes

Uploaded by

ayomide.emmanuel3a
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 10

*{

margin: 0;

padding: 0;

box-sizing: border-box;

body {

font-family: Arial, sans-serif;

background-color: #f0f8ff;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

overflow: hidden; /* Ensures no scroll bars */

.container {

width: 100vw; /* Takes full screen width */

height: 100vh; /* Takes full screen height */

display: flex;

justify-content: center;

align-items: center;

}
.login-box {

display: flex;

width: 70%; /* Adjust the width to be responsive */

height: 80%; /* Adjust the height to be responsive */

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

overflow: hidden;

.login-form {

flex: 1;

padding: 60px;

background-color: white;

display: flex;

flex-direction: column;

justify-content: center;

.logo {

display: block;

margin: 0 auto 20px;

width: 100px; /* Increased logo size */

h2 {
text-align: center;

margin-bottom: 30px;

color: #333;

font-size: 28px; /* Increased font size */

form {

display: flex;

flex-direction: column;

input {

padding: 15px;

margin-bottom: 20px;

border: 1px solid #ddd;

border-radius: 5px;

font-size: 18px;

.forgot-password {

text-align: left; /* Aligns the text to the left */

margin-bottom: 20px;

color: #1DA1F2;

text-decoration: none;

font-size: 15px;
}

button {

padding: 15px;

background-color: #1DA1F2;

color: white;

border: none;

border-radius: 5px;

font-size: 18px;

cursor: pointer;

button:hover {

background-color: #0d8de0;

.signup-text {

text-align: center;

margin-top: 30px;

.signup-text a {

color: #1DA1F2;

text-decoration: none;

}
.image-box {

flex: 1;

background-color: #1DA1F2;

padding: 60px;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

color: white;

text-align: center;

h3 {

font-size: 26px;

margin-bottom: 30px;

line-height: 1.4;

.side-image {

width: 250px; /* Increased the image size */

height: 250px;

object-fit: contain;

s
/* * {

margin: 0;

padding: 0;

box-sizing: border-box;

body {

font-family: Arial, sans-serif;

background-color: #f0f8ff;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

.container {

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

.login-box {

display: flex;

width: 900px;
height: 500px;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

overflow: hidden;

.login-form {

flex: 1;

padding: 40px;

background-color: white;

.logo {

display: block;

margin: 0 auto 20px;

width: 50px;

h2 {

text-align: center;

margin-bottom: 20px;

color: #333;

form {
display: flex;

flex-direction: column;

input {

padding: 12px;

margin-bottom: 15px;

border: 1px solid #ddd;

border-radius: 5px;

font-size: 16px;

.forgot-password {

text-align: right;

margin-bottom: 15px;

color: #1DA1F2;

text-decoration: none;

font-size: 14px;

button {

padding: 12px;

background-color: #1DA1F2;

color: white;

border: none;
border-radius: 5px;

font-size: 16px;

cursor: pointer;

button:hover {

background-color: #0d8de0;

.signup-text {

text-align: center;

margin-top: 20px;

.signup-text a {

color: #1DA1F2;

text-decoration: none;

.image-box {

flex: 1;

background-color: #1DA1F2;

padding: 40px;

display: flex;

flex-direction: column;
justify-content: center;

align-items: center;

color: white;

text-align: center;

h3 {

font-size: 22px;

margin-bottom: 20px;

.side-image {

width: 250px;

height: 250px;

object-fit: contain;

} */

You might also like