certi design complete

Author: BipinKalra

examples/views/certificate-excellence.hbs

@@ -7,15 +7,15 @@
       <div class="certificate-excellence__main-section__title1">CERTIFICATE</div>
       <div class="certificate-excellence__main-section__title2">of Excellence</div>
       <div class="font-mds" style="margin-top: 14px;">This certificate is presented for exemplary performance in</div>
-      <div class="divider-h" style="opacity: 0.5; margin: 42px 0 25px 0;"></div>
+      <div class="divider-h certificate-excellence__main-section__right-section__divider"></div>
       <div class="font-mds"><strong>Machine Learning</strong> course by <br />Coding Blocks.</div>
     </div>
     <div class="certificate-excellence__main-section__left-section">
       <div class="certificate-excellence__main-section__left-section__content t-align-c">
         <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/gold+_logo.svg">
         <div class="font-mds" style="margin-top: 24px;"><strong>Machine <br />Learning</strong></div>
         <div style="margin-top: 46px;">Batch</div>
-        <div class="divider-h" style="opacity: 0.5; margin: 24px 0 19px 0;"></div>
+        <div class="divider-h certificate-excellence__main-section__left-section__content__divider"></div>
         <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/munna_bhaiya_sign_white.svg" style="margin-bottom: 7px;">
         <div>Manmohan Gupta<br />(Founder, Coding Blocks)</div>
       </div>

sass/styles/objects/certificate.scss

@@ -105,6 +105,11 @@
 
     &__right-section {
       width: 377px !important;
+
+      &__divider {
+        opacity: 0.5; 
+        margin: 42px 0 25px 0;
+      }
     }
 
     &__left-section {
@@ -140,6 +145,11 @@
         padding: 30px 31px 30px 31px;
         z-index: 1;
         width: 100%;
+
+        &__divider {
+          opacity: 0.5; 
+          margin: 24px 0 19px 0;
+        }
       }
     }