fix: positioning of testimonials

Author: ashwinimanoj

assets/scss/components/_testimonial.scss

@@ -1,6 +1,7 @@
 /* General styles for the sticky note */
 .sticky-note {
-    width: 100%;
+    max-width: 600px; // Adjust as needed
+    margin: 0 auto;
     height: 100%;
     background-color: $white-offset;
     box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);

layouts/index.html

@@ -70,9 +70,9 @@ <h2 class="feature-title">{{ .title }}</h2>
 
 <div class="strip">
   <div class="container pt-6 pb-6 pt-md-10 pb-md-10">
-    <div class="row">
+    <div class="row justify-content-center align-items-stretch">
       {{ range .Site.Data.testimonial }}
-      <div class="col-12 col-md-4">
+      <div class="col-12 col-md-5 d-flex">
         {{ partial "testimonial.html" . }}
       </div>
       {{ end }}