about page css fixed

Incentive-Coders · Jan 14, 2022 · b98af30 · b98af30
1 parent 4075107
commit b98af30
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 11 deletions.
diff --git a/src/Screens/About Page/About.tsx b/src/Screens/About Page/About.tsx
@@ -35,9 +35,12 @@ class GoogleAd extends Component<GoogleAdInterface> {
             <div className="row ">
               <div className="col-10 mx-auto home">
                 <div className="col-md-4 pt-5 pt-lg-0 order-2 order-lg-1 get_started">
-                  <h2 className="text_center  ">
-                    <strong className="brand-name">About Us</strong>
-                  </h2>
+                  <div className="text_center  ">
+                    <h2>
+                      <strong className="brand-name">About Us</strong>
+                    </h2>
+                  </div>
+
                   <p className="mt-3 textjustify about">
                     This is college recruitment system. We are to help you. It
                     is a best platform for companies and student. We will

diff --git a/src/css/home.css b/src/css/home.css
@@ -168,9 +168,11 @@
   .get_started {
     display: flex;
     /* align-content: center; */
-    margin-left: -20em;
+    margin-left: -15em;
     /* padding-right: -2em; */
     margin-top: 20em;
+    margin-left: -20em;
+    padding: 2%;
   }
 
   .home {

diff --git a/src/css/navbar.css b/src/css/navbar.css
@@ -4,7 +4,7 @@
   /* margin-top: -5rem;
   margin-left: -10rem; */
 
-  margin-left: -9%;
+  margin-left: -4%;
 }
 .padding {
   padding-right: 40ex;
@@ -24,7 +24,7 @@
 }
 
 .position {
-  margin: 2% 0% 0% 30%;
+  margin: 2% 0% 0% 50%;
 
   display: inline-block;
 }
@@ -33,7 +33,7 @@
     height: 60pt;
     padding-right: 50ex;
     margin-top: -5rem;
-    margin-left: -8rem;
+    margin-left: -2rem;
   }
 }
 .nav_bg {

diff --git a/src/index.css b/src/index.css
@@ -234,8 +234,8 @@ body {
 @media (max-width: 991px) {
   .aboutimg {
     height: 250px;
-    margin-left: -8rem;
-    display: inline-block;
+    margin-left: -2rem;
+    display: block;
   }
   .textjustify {
     text-align: justify;
@@ -251,8 +251,8 @@ body {
 
   .text_center {
     text-align: center;
-    margin-left: 80px;
-    margin-top: -40px;
+    margin-left: 65px;
+    margin-top: -4rem;
     margin-bottom: 2rem;
   }
 }