adjusted task card height

src/assets/css/main.css

@@ -1735,7 +1735,7 @@ p {
   font-weight: 500;
 }
 .appie-hero-content .appie-title {
-  font-size: 60px;
+  font-size: 53px;
   line-height: 70px;
   margin-top: 10px;
   margin-bottom: 22px;
@@ -2348,14 +2348,16 @@ p {
 }
 
 .appie-single-service {
-  padding: 50px 30px 43px;
+  /* padding: 50px 30px 43px; */
+  padding: 30px;
   background: #fff;
   border-radius: 6px;
   transition: all linear 0.3s;
 }
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-single-service {
-    padding: 50px 15px 43px;
+    /* padding: 50px 15px 43px; */
+    padding: 30px;
   }
 }
 .appie-single-service .icon {
@@ -2505,6 +2507,7 @@ p {
   font-weight: 700;
   margin-top: 30px;
   margin-bottom: 10px;
+  text-align: center;
 }
 .appie-single-service-2 a {
   font-size: 14px;
@@ -4239,17 +4242,26 @@ p {
   background-repeat: no-repeat;
   background-size: cover;
 }
+
 .mission-side-box {
   position: absolute;
   top: 0;
   right: 0;
-  height: 100%;
+  height: 750px;
   width: 50%;
   background-image: url(../images/mission-bg.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
+@media only screen and (max-width: 991px) {
+  .mission-side-box {
+    position: relative;
+    height: 500px;
+    width: 100%;
+    margin: 20px auto 0 auto;
+  }
+}
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .appie-faq-8-area .faq-play-box {

src/assets/css/style.css

@@ -14,7 +14,6 @@
 .boxBorder{
   border-color: aqua;
   background-color: #f5f6f7 ;
-  height:300px;
 }
 .appie-loader {
   opacity: 0;

src/components/HomeOne/HeroHomeOne.js

@@ -16,9 +16,9 @@ function HeroHomeOne() {
                     <div className="row align-items-center">
                         <div className="col-lg-6">
                             <div className="appie-hero-content">
-                                <span>Welcome To WrenchBoard..</span>
+                                {/*<span>Welcome To WrenchBoard..</span>*/}
                                 <h1 className="appie-title">
-                                    Earn Money with Any Skill.
+                                    Turn Chores into Exciting Challenges and Earn Rewards!
                                 </h1>
                                 <p>
                                     The Marketplace platform to earn money with your skills, find, buy and sell professional services. Connect, build an outstanding portfolio and link to an integrated community with best services via a digital platform.

src/components/HomeOne/RecentJobsOne.js

@@ -64,13 +64,13 @@ titleLen(title){
                                     var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                                     var postDt  = new Date(i.expire).toLocaleDateString("en-US", options); 
 
-                                    return (<div className="col-lg-3 col-md-6">
+                                    return (<div className="col-md-6 col-xl-3">
                                         <div
-                                            className="appie-single-service mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
+                                            className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
                                             data-wow-duration="3000ms"
                                             data-wow-delay="200ms"
                                         >
-                                            <div className="content d-flex flex-column justify-content-between align-items-center" style={{height: '260px'}}>
+                                            <div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
                                                 <div className="titleBox">
                                                     <h3 className="title">
                                                         <a href={dashUrl}>
@@ -83,12 +83,16 @@ titleLen(title){
                                                     <div className="blog-meta">
                                                         <ul>
                                                             <li className="expire">
-                                                                {/* <a href={dashUrl}><span className='font_red'> Expires : {postDt} </span></a> */}
+                                                                <a href={dashUrl} className='d-block'>
-                                                                <a href={dashUrl}><span className='font_red'> Expires : <CountDownTimer targetDate={postDt}/> </span></a>
+                                                                    <div className='font_red d-flex align-items-start'> 
+                                                                        <div className='pr-2'>Expires :</div>
+                                                                        <CountDownTimer targetDate={postDt}/>
+                                                                    </div>
+                                                                </a>
                                                             </li>
                                                         </ul>
                                                     </div>
-                                                    <div className='lmoreTxt'>
+                                                    <div className='lmoreTxt d-flex justify-content-end align-items-center'>
                                                         <a href={dashUrl}>
                                                         Learn More <i className="fal fa-arrow-right" />
                                                     </a>                                                

src/components/Service/MissionStatement.js

@@ -100,11 +100,7 @@ function MissionStatement() {
                         </div>
                     </div>
                 </div>
-
+                <div className="mission-side-box"></div>
-                <div className="mission-side-box">
-
-                </div>
-
             </div>
         </>
     );