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

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