Div containers amended

src/components/property/propertySearchPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <div class="container col-md-10" v-if="propertyType === 'Residential'">
+    <div class="container col-md-12" v-if="propertyType === 'Residential'">
       <div class="col-sm-12">
         <div class="about-img-box">
           <img
         <div class="col-md-12">
           <h1 class="my-4">About Residential Properties</h1>
         </div>
-        <div class="col-md-8 text-left">
+        <div class="container col-md-6 text-left">
           <p>
             Uni-Vate Properties understands the necessity in property-seekers
             to find that perfect fit;
             <router-link to="/property/Residential/Sale">Click Here</router-link>
           </p>
         </div>
-        <div class="col-md-4 text-center">
+        <div class="col-md-4">
           <p>
             <img class="img-fluid" src="./../../../public/img/residential.jpg" alt="About Resale" />
           </p>
       <br />
     </div>
 
-    <div class="container col-md-10" v-if="propertyType === 'Commercial'">
+    <div class="container col-md-12" v-if="propertyType === 'Commercial'">
       <div class="col-sm-12">
         <div class="about-img-box">
           <img
         <div class="col-md-12">
           <h1 class="my-4">About Commercial Properties</h1>
         </div>
-        <div class="col-md-8 text-left">
+        <div class="container col-md-6 text-left">
           <p>
             Commercial properties are characteristically any larger properties that
             generate profit through leasing or rental activities. These properties
             <router-link to="/property/Commercial/Sale">Click Here</router-link>
           </p>
         </div>
-        <div class="col-md-4 text-center">
+        <div class="col-md-4">
           <p>
             <img class="img-fluid" src="./../../../public/img/commercial.jpg" alt="About Resale" />
           </p>