logo and centering

src/views/ADCE.vue

@@ -66,16 +66,16 @@
 
       <div class="row">
         <div
-          class="d-flex flex-column justify-content-around col-lg-6 text-left"
+          class="d-flex flex-column justify-content-around col-lg-6 text-lg-left text-center"
         >
           <h2 class="mx-0 my-4">
             We believe in transparency!
             <br />
             Our goal is to have the entire environment deployed by July 13th!
           </h2>
-          <div class="my-4 pr-5">
+          <div class="my-4 pr-lg-5 text-lg-left text-center">
             <img class="mm-logo mb-2" src="@/assets/images/Logo_MM.png" />
-            <p class="pr-5">
+            <p class="pr-lg-5">
               A solution for team collaboration and chatting.<br />
               Take full advantage of this capability by signing up for a Single
               Sign On (SSO) account.
@@ -87,9 +87,11 @@
             </a>
           </div>
         </div>
-        <div class="d-flex flex-column col-lg-5 offset-lg-1 my-4">
-          <h4 class="mb-4">ABMS-ADCE MILESTONES</h4>
-          <div class="milestones-wrapper text-left">
+        <div
+          class="d-flex flex-column col-lg-5 offset-lg-1 my-4 align-items-center align-items-lg-left"
+        >
+          <h4 class="mb-4 mx-auto">ABMS-ADCE MILESTONES</h4>
+          <div class="milestones-wrapper">
             <div
               v-for="milestone in milestones"
               :key="milestone.text"
@@ -199,7 +201,11 @@ export default {
         { done: false, text: "Anchore", logo: "anchore-mark.png" },
         { done: false, text: "Twistlock", logo: "icon_twistlock@2x.png" },
         { done: false, text: "Cypress", logo: "cypress.png" },
-        { done: false, text: "Mission App Production Clusters" }
+        {
+          done: false,
+          text: "Mission App Production Clusters",
+          logo: "ADCE.png"
+        }
       ]
     };
   }