Commit 66c90500 authored by Raquel's avatar Raquel 💬

week2day5

parent c1172a00
......@@ -153,19 +153,17 @@ html {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 8.8125rem;
margin-bottom: 4rem; }
margin-top: 8.8125rem; }
.sign_in .title {
font-size: 40px;
margin-bottom: 4rem; }
.username {
display: flex;
flex-flow: row-reverse;
justify-content: center;
align-items: center;
flex-direction: row-reverse; }
/* with input boxes ----
/* with input boxes ----
.input_user{
display:flex;
justify-content: center;
......@@ -173,33 +171,31 @@ html {
font-size: 20px;
color: black;
margin-bottom:rem(58px);
} */
.input_user {
display: flex;
align-items: center;
font-size: 20px;
color: black;
padding-right: 471px; }
} */ }
.username .input_user {
display: flex;
align-items: center;
font-size: 20px;
color: black;
margin-right: 29.4375rem;
margin-left: 1.4375rem; }
.username .username_logo {
display: flex;
margin-left: 15.75rem; }
.username_line {
width: 340px;
height: 2px;
color: grey;
margin-top: 39px;
margin-top: 0.8125rem;
margin-bottom: 2.6875rem; }
.username_logo {
display: flex;
justify-content: flex-start;
margin-bottom: 3.625rem; }
.password {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse; }
/* with input boxes ----
flex-direction: row-reverse;
/* with input boxes ----
.input_pass{
display:flex;
justify-content: center;
......@@ -207,25 +203,24 @@ html {
font-size: 20px;
color: black;
margin-bottom: rem(167px);
}*/
.input_pass {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
color: black;
margin-bottom: 10.4375rem; }
}*/ }
.password .input_pass {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 20px;
color: black;
margin-right: 29.4375rem;
margin-left: 1.4375rem; }
.password .password_logo {
display: flex;
margin-left: 15.75rem; }
.password_line {
width: 340px;
height: 2px;
color: grey;
margin-top: 39px;
margin-bottom: 167px; }
.password_logo {
display: flex;
justify-content: flex-start;
margin-top: 0.8125rem;
margin-bottom: 10.4375rem; }
.sign_in_button {
......
......@@ -125,7 +125,7 @@
<div class="password">
<!-- <input type="text" placeholder="Password" class="input_pass"> -->
<p class=input_pass> Password</p>
<hr class="password_line">
<a href="#" class="password_logo">
<!-- Password Logo-->
<svg width="16px" height="21px" viewBox="0 0 16 21" version="1.1"
......@@ -158,6 +158,7 @@
</a>
</div>
<hr class="password_line">
<button class="sign_in_button">
Sign in
</button>
......
......@@ -142,7 +142,7 @@ margin-bottom:rem(42px);
justify-content: center;
align-items: center;
margin-top: rem(141px);
margin-bottom: rem(64px);
//margin-bottom: rem(64px);
.title{
font-size: 40px;
......@@ -151,10 +151,12 @@ margin-bottom:rem(42px);
}
.username{
display:flex;
flex-flow: row-reverse;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
}
/* with input boxes ----
.input_user{
display:flex;
......@@ -170,30 +172,37 @@ margin-bottom:rem(42px);
align-items: center;
font-size: 20px;
color: black;
padding-right:471px;
// margin-bottom:rem(58px);
margin-right:rem(471px);
margin-left:rem(23px);
}
.username_logo{
display:flex;
margin-left:rem(252px);
}
}
.username_line{
width:340px;
height:2px;
color:grey;
margin-top:39px;
margin-top:rem(13px);
margin-bottom:rem(43px);
}
.username_logo{
display:flex;
justify-content: flex-start;
margin-bottom:rem(58px);
}
.password{
display:flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
}
/* with input boxes ----
.input_pass{
display:flex;
......@@ -207,20 +216,26 @@ margin-bottom:rem(42px);
display:flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
font-size: 20px;
color: black;
margin-bottom: rem(167px);
margin-right:rem(471px);
margin-left:rem(23px);
}
.password_logo{
display:flex;
margin-left:rem(252px);
}
}
.password_line{
width:340px;
height:2px;
color:grey;
margin-top:39px;
margin-bottom: 167px;
}
.password_logo{
display:flex;
justify-content: flex-start;
margin-top:rem(13px);
margin-bottom: rem(167px);
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment