Fixed MobileMockup Styling Errors and Added A Remove On Phone Screen

master
Pedram Keshavarzi 3 years ago
parent 12003f3f9c
commit dbc89ee471
  1. 8
      src/Components/mobileMockup/mobileMockup.css
  2. 18
      src/Pages/Home/Part1/homePart1.css

@ -32,7 +32,7 @@
} }
.mobileMockup .firstSection p{ .mobileMockup .firstSection p{
font-size: 11px; font-size: 0.6em;
} }
.mobileMockup .firstSection .mobileGoDown{ .mobileMockup .firstSection .mobileGoDown{
border-radius: 7px; border-radius: 7px;
@ -117,7 +117,7 @@
.mobileMockup .forthSection .messageBox{ .mobileMockup .forthSection .messageBox{
color:#484848; color:#484848;
padding: 5px; padding: 5px;
font-size: 0.67em; font-size: 0.55em;
background: white; background: white;
margin:15px; margin:15px;
margin-bottom: 4px; margin-bottom: 4px;
@ -158,11 +158,11 @@
.fifthSection div div h4{ .fifthSection div div h4{
margin-bottom:-10px; margin-bottom:-10px;
margin-top:3px; margin-top:3px;
font-size: 0.8em; font-size: 0.7em;
float: right; float: right;
} }
.fifthSection div div p{ .fifthSection div div p{
font-size: 0.6em; font-size: 0.5em;
} }
.fifthSection div img{ .fifthSection div img{
height: 100%; height: 100%;

@ -37,13 +37,13 @@
} }
.Part1Cont h2{ .Part1Cont h2{
width:65%; width:65%;
font-size: 27px; font-size: 25px;
} }
.Part1Cont p{ .Part1Cont p{
width:65%; width:65%;
font-size: 15px; font-size: 13px;
} }
.stepsOfSignUp{ .stepsOfSignUp{
display: flex; display: flex;
@ -54,7 +54,7 @@
width:32.5%; width:32.5%;
} }
.stepsOfSignUp .step .firstStep{ .stepsOfSignUp .step .firstStep{
padding: 10px 15px; padding: 10px 20px;
color:white; color:white;
border-radius:50% ; border-radius:50% ;
background: linear-gradient(45deg, white, #006FFF); background: linear-gradient(45deg, white, #006FFF);
@ -63,7 +63,7 @@
font-weight: bold; font-weight: bold;
} }
.stepsOfSignUp .step .secondStep{ .stepsOfSignUp .step .secondStep{
padding: 10px 15px; padding: 10px 18px;
color:white; color:white;
border-radius:50% ; border-radius:50% ;
background: linear-gradient(45deg, white, #FF0900); background: linear-gradient(45deg, white, #FF0900);
@ -72,7 +72,7 @@
font-weight: bold; font-weight: bold;
} }
.stepsOfSignUp .step .thirdStep{ .stepsOfSignUp .step .thirdStep{
padding: 10px 15px; padding: 10px 18px;
color:white; color:white;
border-radius:50% ; border-radius:50% ;
background: linear-gradient(45deg, white, #00FF2B); background: linear-gradient(45deg, white, #00FF2B);
@ -84,10 +84,16 @@
margin:10px; margin:10px;
padding: 10px; padding: 10px;
font-size: 15px; font-size: 13px;
} }
.HomePart1 .switchSection{ .HomePart1 .switchSection{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 20px;
}
@media only screen and (max-width:1000px){
.HomePart1 .mobileMockupcontainer{
display: none;
}
} }
Loading…
Cancel
Save