BULL-1639

src/components/ServicesSummary.vue

@@ -6,6 +6,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
         <v-flex lg2 md3 sm6 xs12 v-if="!ignoreIronBank">
           <LogoCard
             :logoSource="ibLogo"
+            class="serviceHeight"
             logoCardText="Download DoD-wide approved containers or harden with Iron Bank"
             logoCardUrl="/products/iron-bank/"
           />
@@ -13,6 +14,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
         <v-flex lg2 md3 sm6 xs12 v-if="!ignoreBigBang">
           <LogoCard
             :logoSource="bbLogo"
+            class="serviceHeight"
             logoCardText="Deploy your own software factory with Big Bang"
             logoCardUrl="/products/big-bang/"
           />
@@ -20,6 +22,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
         <v-flex lg2 md3 sm6 xs12 v-if="!ignorePartyBus">
           <LogoCard
             :logoSource="pbLogo"
+            class="serviceHeight"
             logoCardText="Get hands-on experience onboarding with Party Bus"
             logoCardUrl="/products/party-bus"
           />
@@ -27,6 +30,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
         <v-flex lg2 md3 sm6 xs12 v-if="!ignoreCNAP">
           <LogoCard
             :logoSvg="cnapLogo"
+            class="serviceHeight"
             logoCardText="Provide access to development, testing, and production enclaves"
             logoCardUrl="/products/cnap/"
           />
@@ -34,6 +38,7 @@ import CyberSecLogo from '../assets/images/logos/CyberSecLogo.png';
         <v-flex lg2 md3 sm6 xs12>
           <LogoCard
             :logoSource="csLogo"
+            class="serviceHeight"
             logoCardText="Stay secured with our Cybersecurity team processes"
             logoCardUrl="/products/cybersecurity"
           />
@@ -130,4 +135,21 @@ export default {
     }
   }
 }
+@media screen and (max-width: 1904px) {
+  .serviceHeight {
+    height: 280px;
+  }
+}
+
+@media screen and (max-width: 1264px) {
+  .serviceHeight {
+    height: 260px;
+  }
+}
+
+@media screen and (max-width: 960px) {
+  .serviceHeight {
+    height: 240px;
+  }
+}
 </style>