Scribd
Upload
7 views

Homework

Uploaded by

ayomide.emmanuel3a
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
7 views

Homework

Uploaded by

ayomide.emmanuel3a
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 10

ADEEKO FAITH OLUWAFIFEHANMI

COMPUTER SCIENCE

CSC 101

CSS code

*{

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;

/* * {

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