fix(our-work): logo sizes, style tweaks

Author: luiskcs89

src/pages/app-our-work-single/app-our-work-single.scss

@@ -146,8 +146,7 @@
 
       @include media-breakpoint-down(sm) {
         text-align: left;
-        padding-left: 50px;
-        width: 70%;
+        padding: 0 28px;
       }
     }
 

src/pages/app-our-work-single/app-our-work-single.tsx

@@ -253,18 +253,18 @@ export class AppOurWorkSingle {
             <div class="col-12 text-center">
               <div class="carousel slide" id="partnersCarousel">
                 <div class="carousel-inner">
-                  <div class="row carousel-item active">
-                    <div class="col-12 carousel-item-col">
+                  <div class="carousel-item active">
+                    <div class="carousel-item-col">
                       <img src={this.projects[this.match.params.project].features.image1} />
                     </div>
                   </div>
-                  <div class="row carousel-item">
-                    <div class="col-12 carousel-item-col">
+                  <div class="carousel-item">
+                    <div class="carousel-item-col">
                       <img src={this.projects[this.match.params.project].features.image2} />
                     </div>
                   </div>
-                  <div class="row carousel-item">
-                    <div class="col-12 carousel-item-col">
+                  <div class="carousel-item">
+                    <div class="carousel-item-col">
                       <img src={this.projects[this.match.params.project].features.image3} />
                     </div>
                   </div>

src/pages/app-our-work/app-our-work.tsx

@@ -125,39 +125,39 @@ export class AppOurWork {
             </div>
 
             <div class="row img-row">
-              <div class="col-md-3 col-6 center-col">
+              <div class="col-md-2 col-6 center-col">
                 <img class="img-fluid no-pad" src="/assets/our-work/ic3401-logo.png" alt="ic 3401 logo" />
               </div>
 
-              <div class="col-md-3 col-6 center-col">
+              <div class="col-md-2 col-6 center-col">
                 <app-img class="img-fluid no-pad" src="/assets/our-work/omnifan-logo.png" alt="Omnifan logo" />
               </div>
 
-              <div class="col-md-3 col-6 center-col">
+              <div class="col-md-2 col-6 center-col">
                 <app-img class="img-fluid no-pad" src="/assets/our-work/mobilemeasures-logo.png" alt="Mobile Measures logo" />
               </div>
 
-              <div class="col-md-3 col-6 center-col">
+              <div class="col-md-2 col-6 center-col">
                 <app-img class="img-fluid no-pad" src="/assets/our-work/kemin-logo.png" alt="Kemin logo" />
               </div>
             </div>
 
             <div class="row img-row">
-              <div class="col-md-4 col-6 center-col">
+              <div class="col-md-3 col-6 center-col">
                 <app-img class="img-fluid pad" src="/assets/our-work/new-ocean-health-logo.png" alt="New Ocean Health logo" />
               </div>
 
-              <div class="col-md-4 col-6 center-col">
+              <div class="col-md-3 col-6 center-col">
                 <app-img class="img-fluid pad" src="/assets/our-work/gomerchant-logo.png" alt="GoMerchang logo" />
               </div>
             </div>
 
             <div class="row img-row">
-              <div class="col-md-3 col-6 center-col">
+              <div class="col-md-2 col-6 center-col">
                 <app-img class="img-fluid pad" src="/assets/our-work/ngatl-logo.png" alt="NGATL logo" />
               </div>
 
-              <div class="col-md-3 col-6 center-col">
+              <div class="col-md-2 col-6 center-col">
                 <app-img class="img-fluid pad" src="/assets/our-work/loudcloud-logo.png" alt="LoudCloud logo" />
               </div>
             </div>