overflow bug fixes

MaxNadeev · Mar 13, 2024 · ff150a9 · ff150a9
1 parent f066ae1
commit ff150a9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/index.html b/index.html
@@ -5,12 +5,12 @@
     <meta name="viewport" content="initial-scale=1.0">
     <script src="scripts/ya.js"></script>
     <noscript><div><img src="https://mc.yandex.ru/watch/96480520" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
-    <link rel="stylesheet" href="style.css?version=4">
+    <link rel="stylesheet" href="style.css?version=5">
     <script src="scripts/script.js?version=2" defer></script>
     <script src="./scripts/prices.js" defer></script>
     <title>Сочисто! | Уборка квартир в Сочи</title>
     <link rel="icon" href="img/favicon.jpg">
-    <script src="scripts/bubbles.js?version=4" defer></script>
+    <script src="scripts/bubbles.js?version=5" defer></script>
 </head>
 <body>
     <div class='main-content'>
@@ -32,7 +32,7 @@
                 <img id="logo-header" src="img/logo400.png">
             </a>
             <div class="header-controls">
-                <a href="https://wa.me/+79628117225">
+                <a href="https://wa.me/+79628817225">
                     <div class="cta s-button text-accent">
                         Заказать
                     </div>
@@ -58,7 +58,7 @@ <h1 class="text-accent white-text place5 fade-in-up">
                 </div>
             </div>
             <div class="container">
-                <a href="https://wa.me/+79628117225">
+                <a href="https://wa.me/+79628817225">
                     <div class="cta button text-accent">
                         Заказать
                     </div>
@@ -147,7 +147,7 @@ <h2 class="text-accent white-text">Если у Вас особый случай
                 <p>
                     При заключении долгосрочных договоров на уборку делаем <span class="text-accent">СКИДКИ</span>.
                 </p>
-                <a href="https://wa.me/+79628117225">
+                <a href="https://wa.me/+79628817225">
                     <div class="secondary button text-accent space-accent">
                         Оценить визуально
                     </div>
@@ -219,7 +219,7 @@ <h1 class="text-accent">Сколько стоит уборка?</h1>
                 </div>
             </div>
             <div class="after-list">
-                <a href="https://wa.me/+79628117225">
+                <a href="https://wa.me/+79628817225">
                     <div class="cta button text-accent">
                         Заказать уборку
                     </div>
@@ -234,13 +234,13 @@ <h1 class="text-accent">Оценим точнее по фото</h1>
                 нашему специалисту может понадобиться лично посмотреть и оценить состояние вашего помещения или загрязнения более детально. 
                 После этого предоставим вам точную информацию о цене и необходимых мерах по восстановлению.
             </p>
-            <a href="https://wa.me/+79628117225">
+            <a href="https://wa.me/+79628817225">
                 <div class="secondary button text-accent">
                     <img class="icon size-15" src="img/whatsapp40.png">
                     Прислать фото
                 </div>
             </a>
-            <a href="https://wa.me/+79628117225">
+            <a href="https://wa.me/+79628817225">
                 <div class="cta button text-accent">
                     Оставить заявку
                 </div>
@@ -259,9 +259,7 @@ <h1 class="text-accent">
             </p>
             <div class="photo-grid">
                 <img class="photo" src="img/Gallery/photo1.jpg" alt="Photo 1">
-                <img class="photo" src="img/Gallery/photo11.jpg" alt="Photo 11">
                 <img class="photo" src="img/Gallery/photo3.jpg" alt="Photo 3">
-                <img class="photo" src="img/Gallery/photo2.jpg" alt="Photo 5">
                 <img class="photo" src="img/Gallery/photo7.jpg" alt="Photo 7">
                 <img class="photo" src="img/Gallery/photo8.jpg" alt="Photo 8">
                 <img class="photo" src="img/Gallery/photo9.jpg" alt="Photo 9">
@@ -274,7 +272,7 @@ <h1 class="text-accent">
             </h1>
         </div>
         <div class="container" id="social">
-            <a href="https://wa.me/+79628117225">
+            <a href="https://wa.me/+79628817225">
                 <div class="cta button text-accent">
                     Заказать клинеров
                 </div>

diff --git a/style.css b/style.css
@@ -40,6 +40,7 @@ body{
 .main-content{
     min-width: 395px;
     max-width: 720px;
+    overflow: hidden;
 }
 
 #header-panel{
@@ -66,12 +67,11 @@ body{
 }
 
 .slider, .overlay::before, .layer-overlay::before{
-    height: 70vh;
-    width: 100%;
+    height: 80vh;
 }
 
 .slider{
-    height: calc(70vh - 1px);
+    height: calc(80vh - 1px);
     background-image: url("img/Lisa.jpg");
     background-size: cover;
     background-repeat: no-repeat;
@@ -82,7 +82,7 @@ body{
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    height: 60vh;
+    height: 70vh;
     width: 100%;
 }
 
@@ -109,7 +109,7 @@ body{
     display: block;
     position: absolute;
     background: #00000080;
-    height: calc(70vh - 1px);
+    height: calc(80vh - 1px);
 }
 
 .cover{
@@ -440,6 +440,9 @@ small{
     .photo-grid {
         grid-template-columns: repeat(2, 1fr);
     }
+    .slider, .overlay::before, .layer-overlay::before{
+        width: 720px;
+    }
 }
 
 @media (width <= 720px){
@@ -449,6 +452,9 @@ small{
     .photo-grid {
         grid-template-columns: repeat(1, 1fr);
     }
+    .slider, .overlay::before, .layer-overlay::before{
+        width: 100%;
+    }
 }
 
 circle{