fix(responsive):fixed-viewport

gtech-mulearn · Feb 19, 2024 · 67bc311 · 67bc311
1 parent 4edee17
commit 67bc311
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/Pages/In50Hours/In50Hours.module.css b/src/Pages/In50Hours/In50Hours.module.css
@@ -7,7 +7,7 @@
 .mainContainer {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-start;
   align-items: center;
 }
 
@@ -16,7 +16,7 @@
   flex-direction: row-reverse;
   flex-wrap: wrap;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-start;
   padding: 2rem;
   color: #414d59;
   max-width: 1300px;
@@ -60,10 +60,10 @@
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  justify-content: space-evenly;
+  justify-content: flex-start;
   padding: 0 2rem;
   color: #414d59;
-  width: 100vw;
+  width: 1300px;
   margin: auto;
   flex-wrap: wrap;
 }
@@ -122,7 +122,7 @@
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-start;
   padding: 2rem;
   color: #414d59;
   margin: auto;
@@ -137,7 +137,7 @@
 }
 
 .tsImage {
-  width: 5rem;
+  width: 8rem;
 }
 
 @media (max-width: 1240px) {
@@ -168,11 +168,11 @@
 
 @media (max-width: 728px) {
   .fsImage {
-    width: 25rem;
+    width: 20rem;
   }
 
   .tsImage {
-    width: 20rem;
+    width: 5rem;
   }
 
   .fsHeading {