Merge pull request #76 from abhayybhatt/fix/incorrect-heading-alignment

Fix: Misalignment of Headings from Testimonials and About Us pages
Mujtabaa07 · Jan 1, 2025 · dd5eed5 · dd5eed5
2 parents 54417b3 + b5ea244
commit dd5eed5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/Pages/Testimonial.css b/src/Pages/Testimonial.css
@@ -6,7 +6,7 @@
 
 .testimonial{
    background:#f8f8f8;
-   height:90vh;
+   padding: 2rem 0;
 }
 h1{
     text-align: center;

diff --git a/src/Pages/Testimonial.js b/src/Pages/Testimonial.js
@@ -8,7 +8,8 @@ import './Testimonial.css'
     <div className="testimonial">
 
         <div className="container">
-        <h1>What Our Customer Says</h1>
+        <h1 className = "mt-5">What Our Customers Say:</h1>
+        <br></br>
             <div className="row">
                <div className="col-md-12">
                <div id="carouselExampleSlidesOnly" className="carousel slide" data-bs-ride="carousel">

diff --git a/src/Pages/contact.js b/src/Pages/contact.js
@@ -61,6 +61,7 @@ function Contact() {
   return (
     <ContactContainer>
       <Title
+        className = "mt-7"
         initial={{ opacity: 0, y: -50 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.5 }}