From 20038595d69a5c96f609d03b8bdc733b09efcd1d Mon Sep 17 00:00:00 2001
From: Ridhima10 <ridhimajain862@gmail.com>
Date: Mon, 24 Jun 2024 20:51:14 +0530
Subject: [PATCH] fixed responsiveness of about section

---
 public/css/styles.css  | 12 ++++++++----
 server/views/about.ejs |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index 2782aaa..0b22491 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -1603,6 +1603,9 @@ section.image {
     font-size: 50px;
     text-align: center;
   }
+  .about-para{
+    margin: 1.5rem;
+  }
 }
 
 /* .line{
@@ -1723,9 +1726,7 @@ section.image {
 }
 
 
-/* .line_pic{
-  width: 330px;
-} */
+
 .line_img {
   width: 100%;
   height: auto;
@@ -1735,7 +1736,9 @@ section.image {
   .image_part {
     display: none;
   }
-
+  .about-para{
+    margin: 2rem;
+  }
   .container1 {
     width: auto;
   }
@@ -1755,6 +1758,7 @@ section.image {
   .right {
     left: 8.7%;
   }
+ 
 }
 
 @media screen and (max-width: 768px) {
diff --git a/server/views/about.ejs b/server/views/about.ejs
index 0dc4f8c..55cb86c 100644
--- a/server/views/about.ejs
+++ b/server/views/about.ejs
@@ -119,7 +119,7 @@
 			<div class="logo_head press-start-2p-regular">CHROME</div>
 			<div class="logo_head1">GAMING</div>
 		</div>
-		<div class="text" style="margin: 20px 200px 0 200px; text-align: justify; text-justify: inter-word;">
+		<div class="text about-para" style="text-align: justify; text-justify: inter-word;">
 			<h1 style="color: rgb(204, 22, 198); text-align: start; padding-bottom: 30px; text-shadow: .1em .1em 0 hsl(200 50% 30%); "
 				class="border-hover">ABOUT US</h1>
 			<p>Chrome gaming community page is an online space within the Chrome