From dbc89ee471cf3c28abca4250c786b86f46bc7d6c Mon Sep 17 00:00:00 2001 From: Pedram Keshavarzi Date: Tue, 18 Jan 2022 12:13:41 +0330 Subject: [PATCH] Fixed MobileMockup Styling Errors and Added A Remove On Phone Screen --- src/Components/mobileMockup/mobileMockup.css | 8 ++++---- src/Pages/Home/Part1/homePart1.css | 18 ++++++++++++------ 2 files changed, 16 insertions(+), 10 deletions(-) diff --git a/src/Components/mobileMockup/mobileMockup.css b/src/Components/mobileMockup/mobileMockup.css index e2b507b..929597a 100644 --- a/src/Components/mobileMockup/mobileMockup.css +++ b/src/Components/mobileMockup/mobileMockup.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%; diff --git a/src/Pages/Home/Part1/homePart1.css b/src/Pages/Home/Part1/homePart1.css index 316e4af..691d3eb 100644 --- a/src/Pages/Home/Part1/homePart1.css +++ b/src/Pages/Home/Part1/homePart1.css @@ -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; + } } \ No newline at end of file