changes in alignment of image in about page

Susmita-Dey · Jun 1, 2024 · e5ea387 · e5ea387
1 parent 2cd5875
commit e5ea387
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -492,15 +492,28 @@ nav .fa {
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
+  margin-top: 100px;
+}
+
+#about h1.aboutHeading{
+ margin-left: -90px;
 }
 
 .about .photo {
-  border: 5px solid #f9004d;
+  border: 3px solid #f9004d;
   border-radius: 10px;
+  height: 310px;
   /* margin-right: 10%; */
   order: 2;
 }
 
+.about .photo img{
+  border-radius: 9px;
+  height:305px;
+  width:330px;
+
+}
+
 @media (max-width: 1050px) {
   .about-content{
     order: 3;

diff --git a/index.html b/index.html
@@ -119,14 +119,14 @@ <h3><span class="auto-type" style="font-size: 40px;font-family:'Lucida Sans', 'L
 
   <!-- About Section -->
   <section id="about" class="about">
-    <h1 data-aos="flip-right">About Us</h1>
+    <h1 class="aboutHeading" data-aos="flip-right">About Us</h1>
     <div class="max-width">
-      <div data-aos="zoom-in" class="photo"><img src="./images/about.jpg" alt="" height="300px" width="330px"></div>
+      <div data-aos="zoom-in" class="photo"><img src="./images/about.jpg" alt="" height="300px" width="330px" border-radius="10px"></div>
       <div class="about-content">
         <p data-aos="fade-left" class="text-1"> We are a team of open source contributors who have created this website
           Sukoon with the aim to provide a <span>one step solution</span> to get relief from stress. </p>
         <p data-aos="fade-left" class="text-3">We hope that everyone can live a <span>stress free life </span>with the
-          help of<span> sukoon.</span></p>
+          help of<span> SUKOON.</span></p>
       </div>
     </div>
     <h3><span style="color: rgb(91, 134, 150);">MEET OUR MEMBERS</span></h3>