Fix the Alignment of Text in About Section (#88)

CSEdgeOfficial · May 25, 2024 · cef3e26 · cef3e26
1 parent 04a9b1a
commit cef3e26
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/csedge.courses/about.html b/csedge.courses/about.html
@@ -60,7 +60,7 @@ <h1 id="home">CSEdge</h1>
     <!--About Section-->
     <section>
         <div class="about-content">
-            <div>
+            <div >
                 <p><span style="color: #22CFB9; font-weight: bold;">CSEdge</span> is an online internship platform that
                     provides students with the
                     opportunity to gain practical experience in the field of software development. We offer a variety of

diff --git a/csedge.courses/index.css b/csedge.courses/index.css
@@ -33,7 +33,6 @@ body {
     align-items: flex-start;
     justify-content: space-between;
 }
-
 .hero div {
     display: flex;
     padding: 80px 150px;
@@ -109,7 +108,7 @@ h1 {
 .about-content div {
     padding: 40px;
     flex: 1;
-    text-align: left;
+    text-align: justify ;
     margin: 20px;
 }
 
@@ -643,6 +642,7 @@ i {
 
 /* Media Queries */
 @media screen and (max-width: 1000px) {
+
     .hero {
         padding-top: 0;
     }
@@ -672,6 +672,9 @@ i {
 }
 
 @media screen and (max-width: 768px) {
+    .about-content > div{
+        text-align: center;
+    }
     .hero {
         overflow: hidden;
         height: fit-content;