fix adaptive

Aweiro · Oct 16, 2024 · 9e1cc8a · 9e1cc8a
1 parent a6cfad8
commit 9e1cc8a
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 7 deletions.
diff --git a/css/main.css b/css/main.css
@@ -1030,12 +1030,17 @@ body {
     color: rgb(46, 45, 45);
   }
 }
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 1280px) {
   .container {
-    max-width: 90%;
+    max-width: 95%;
     padding-left: 10px;
     padding-right: 10px;
   }
+}
+@media screen and (max-width: 1024px) {
+  .container {
+    max-width: 95%;
+  }
   .navigation-list .nav__link {
     margin: 0 1rem;
   }
@@ -1238,8 +1243,15 @@ body {
   }
 }
 @media screen and (max-width: 480px) {
+  .about-us {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  .about-us__row {
+    margin-bottom: 0px; /* Зменшено до 10px для більшої компактності */
+  }
   .background {
-    background-size: auto;
+    background-attachment: local;
   }
   .about-us__text {
     font-size: 0.6em;

diff --git a/sass/.DS_Store b/sass/.DS_Store
diff --git a/sass/base/_media.scss b/sass/base/_media.scss
@@ -1,11 +1,20 @@
 
-// Адаптивність для планшетів (від 768px до 1024px)
-@media screen and (max-width: 1024px) {
+
+
+@media screen and (max-width: 1280px) {
 	.container {
-		max-width: 90%;
+		max-width: 95%;
 		padding-left: 10px;
 		padding-right: 10px;
 	}
+}
+
+// Адаптивність для планшетів (від 768px до 1024px)
+@media screen and (max-width: 1024px) {
+	.container {
+		max-width: 95%;
+
+	}
 
 	.navigation-list .nav__link {
 		margin: 0 1rem;
@@ -238,8 +247,18 @@
 // Адаптивність для дуже маленьких екранів (до 480px)
 @media screen and (max-width: 480px) {
 
+	.about-us {
+		margin-top: 20px;
+		margin-bottom: 20px;
+	}
+
+	.about-us__row {
+		margin-bottom: 0px; /* Зменшено до 10px для більшої компактності */
+	}
+
 	.background {
-		background-size: auto;
+	background-attachment: local;
+
 	}
 
 	.about-us__text {