diff --git a/index.html b/index.html index 5a1a134..d57e5fc 100644 --- a/index.html +++ b/index.html @@ -5,12 +5,12 @@ - + Сочисто! | Уборка квартир в Сочи - + diff --git a/scripts/bubbles.js b/scripts/bubbles.js index 7bb5f3c..fe5ff43 100644 --- a/scripts/bubbles.js +++ b/scripts/bubbles.js @@ -1,4 +1,4 @@ -var screenWidth = window.innerWidth; +var screenWidth = 720; var roundedScreenWidth = Math.round(screenWidth / 100) * 100; let number = roundedScreenWidth / 40; diff --git a/style.css b/style.css index 3b2f63e..54adb31 100644 --- a/style.css +++ b/style.css @@ -375,10 +375,22 @@ small{ .bubble-container svg { background-color: #00000000; margin: -136px 0 -42px; - width: 720px; + width: 100%; + max-width: 720px; height: 175px; position: absolute; - left: calc(50% - 360px); +} + +@media (width > 720px){ + .bubble-container svg { + left: calc(50% - 360px); + } +} + +@media (width <= 720px){ + .bubble-container svg { + left: 0; + } } circle{