Fixed responsiveness

Anishkagupta04 · Aug 1, 2024 · 6a311eb · 6a311eb
1 parent 74a3159
commit 6a311eb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/checkup.css b/checkup.css
@@ -114,6 +114,7 @@ body {
 #services {
     text-align: center;
     display: flex;
+    max-width: 100%;
     justify-content: center;
 
 }

diff --git a/style.css b/style.css
@@ -789,8 +789,8 @@ section {
 /*################----Services----################*/
 .services .icon-box {
   text-align: center;
-  margin-left: 80px;
-  margin-right: 80px;
+  margin-left: 2rem;
+  margin-right: 2rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -881,6 +881,7 @@ section {
 /* Styles for medium screens */
 @media (max-width: 991px) {
   .services .container {
+    padding: 1rem;
     grid-template-columns: repeat(2, 1fr);
   }
 }