fix: layout with responsive design up to 768px of participant review …

…section and step section
DaleStudy · Jul 14, 2024 · 1e92f64 · 1e92f64
1 parent be9a7a2
commit 1e92f64
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/components/participant-review-section.js b/components/participant-review-section.js
@@ -18,6 +18,11 @@ class ParticipantReviewsSection extends HTMLElement {
         margin: 0 27px;
         padding: 100px 0;
 
+        @media only screen and (min-width: 768px) {
+          width: 80%;
+          margin: 0 auto;
+        }
+
         @media only screen and (min-width: 1024px) {
           padding: 149px 0;
         }

diff --git a/components/step-section.js b/components/step-section.js
@@ -17,6 +17,12 @@ class StepsSection extends HTMLElement {
         max-width: 1550px;
         margin: 0 27px;
         padding: 100px 0;
+
+        @media only screen and (min-width: 768px) {
+          width: 80%;
+          margin: 0 auto;
+        }
+
         @media only screen and (min-width: 1024px) {
           padding: 149px 0;
         }