add solution

mate-academy · Jul 28, 2024 · 7e29e8c · 7e29e8c
1 parent f1b4b92
commit 7e29e8c
Show file tree

Hide file tree

Showing 8 changed files with 164 additions and 141 deletions.
diff --git a/src/images/Group 74.png b/src/images/Group 74.png
diff --git a/src/index.html b/src/index.html
@@ -54,7 +54,6 @@
 
     <header class="header">
       <div class="had">
-
         <div class="header__all">
           <div class="icon">
             <a
@@ -65,7 +64,6 @@
           <h1 class="header__all--title">Художній музей</h1>
         </div>
 
-
         <div class="header__pict">
           <div class="header__all--img">
             <div class="header__all--logo">
@@ -78,9 +76,6 @@ <h2 class="header__all--text">
           </div>
         </div>
 
-
-
-
         <div class="scale3">
           <div class="header__all--ticbox">
             <a href="#exhidition">
@@ -188,11 +183,9 @@ <h2 class="header__all--text">
           <div>Каса припиняє роботу за 1 годину до закриття музею</div>
         </div>
       </div>
-      </div>
     </aside>
 
     <main class="main">
-
       <section
         class="events"
         id="exhidition"
@@ -257,8 +250,7 @@ <h2 class="header__all--text">
           </div>
         </div>
       </section>
-      <div >
-
+      <div>
         <div class="events__collection">
           <img
             class="events__collection--cover"
@@ -345,15 +337,13 @@ <h2 class="header__all--text">
         </div>
       </section>
 
-
       <div>
         <section id="about">
           <div class="subscript">
-
             <img
-                class="events__collection--cover--down"
-                src="././images/Rectangle 22.png"
-                alt="collection"
+              class="events__collection--cover--down"
+              src="././images/Rectangle 22.png"
+              alt="collection"
             />
 
             <div class="events__collection--subscript">
@@ -368,14 +358,15 @@ <h2 class="header__all--text">
                     type="text"
                     action="#"
                     data-qa="hover"
-                    required placeholder="E-mail"
+                    required
+                    placeholder="E-mail"
                   />
                   <a href=" ">
                     <img
-                    class="search-form__button search-form__container"
-                    data-qa="hover"
-                    src="././images/Group 57.png"
-                    alt="email"
+                      class="search-form__button search-form__container"
+                      data-qa="hover"
+                      src="././images/Group 57.png"
+                      alt="email"
                     />
                   </a>
                 </div>
@@ -386,7 +377,6 @@ <h2 class="header__all--text">
       </div>
     </main>
 
-
     <div class="scale">
       <footer class="footer">
         <div class="container">
@@ -451,7 +441,10 @@ <h2 class="header__all--text">
                 </div>
                 <div class="menu__content--schedule2 footer__menu--schedule2">
                   <br />
-                  <div><span class="menu__content--bold">Вихідні:</span> понеділок, вівторок</div>
+                  <div>
+                    <span class="menu__content--bold">Вихідні:</span>
+                    понеділок, вівторок
+                  </div>
                   <div>Каса припиняє роботу за 1 годину</div>
                   <div>до закриття музею</div>
                 </div>

diff --git a/src/styles/blocks.scss/footer.scss b/src/styles/blocks.scss/footer.scss
@@ -32,18 +32,18 @@
   }
 
   &__bottom {
+    margin-top: 0;
 
-    margin-top: -14px;
     @include on-tabl-desk {
       justify-content: left;
       position: absolute;
-      top: 380px;
-      left: 40px;
+      top: 390px;
+      left: 50px;
     }
 
     @include on-mob-tabl {
       position: relative;
-      top: 80px;
+      top: 60px;
       left: -110px;
     }
   }
@@ -56,7 +56,6 @@
     width: 170px;
     height: 72px;
 
-
     @include on-mob-tabl {
       position: absolute;
       top: -265px;
@@ -65,10 +64,10 @@
   }
 
   &__un {
+    width: 68px;
     position: relative;
     text-decoration: none;
 
-
     @include on-mob-tabl {
       position: relative;
       left: 280px;
@@ -81,6 +80,7 @@
   }
 
   &__menu {
+    box-sizing: border-box;
     display: flex;
     margin-left: 20px;
     margin-top: 15px;
@@ -93,9 +93,9 @@
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-      position: relative;
-      top: -270px;
-      left: -95px;
+      position: absolute;
+      top: -250px;
+      left: 15px;
     }
 
     &--contact {
@@ -110,7 +110,7 @@
         height: 210px;
         position: relative;
         top: 106px;
-        left: 170px;
+        left: 150px;
       }
 
       font-size: 14px;
@@ -149,7 +149,7 @@
         width: 130px;
         position: absolute;
         top: 250px;
-        left: 0;
+        left: 30px;
       }
     }
   }
@@ -171,9 +171,10 @@
 
     @include on-mob-tabl {
       transform: rotate(-90deg);
-      left: -55px;
+      left: -90px;
       top: 200px;
       height: 280px;
+      margin-bottom: 40px;
     }
   }
 }
@@ -217,6 +218,6 @@
     display: flex;
     flex-direction: column-reverse;
     text-align: center;
-    top: -100px;
+    top: 500px;
   }
 }
diff --git a/src/styles/blocks.scss/galery.scss b/src/styles/blocks.scss/galery.scss
@@ -1,9 +1,7 @@
 .galery {
-
   margin: 0 auto;
-padding: 0 55px;
-max-width: 1280px;
-
+  padding: 0 55px;
+  max-width: 1280px;
 
   text-align: center;