fixed responsiveness of about section

ChromeGaming · Jun 24, 2024 · 2003859 · 2003859
1 parent 94cef68
commit 2003859
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git 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
@@ -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