diff --git a/css/main.css b/css/main.css index be2e7350..47534ff0 100755 --- 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 index 51f38dc6..eb2d22bd 100644 Binary files a/sass/.DS_Store and b/sass/.DS_Store differ diff --git a/sass/base/_media.scss b/sass/base/_media.scss index 190756e6..3297d350 100755 --- 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 {