linter fixes

MastersAcademy · Dec 13, 2018 · 5f779f7 · 5f779f7
1 parent 928b99d
commit 5f779f7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/homeworks/iryna.gychka_irina-hychka/homework_markup_1/index.html b/homeworks/iryna.gychka_irina-hychka/homework_markup_1/index.html
@@ -14,7 +14,7 @@
                 <div class="site-nav">
                     <h1><a href="#" class="logo" title="Dreams home"><img src="images/logo.png" alt="Dreams"/></a></h1>
                     <div class="menu-wrap">
-                        <button id="hamburger-menu--btn" type="menu">
+                        <button id="hamburger-menu--btn" class="mobile-btn" type="menu">
                             <svg class="mobile-icon"><use xlink:href="#menu" /></svg>
                         </button>
                         <nav id="site-menu" class="main-menu">

diff --git a/homeworks/iryna.gychka_irina-hychka/homework_markup_1/style.css b/homeworks/iryna.gychka_irina-hychka/homework_markup_1/style.css
@@ -567,7 +567,7 @@ h4 {
   opacity: .85;
 }
 
-#hamburger-menu--btn {
+.mobile-btn {
   display: none;
 }
 
@@ -581,6 +581,7 @@ h4 {
 
 /* Large devices (desktops, less than 1200px) */
 @media (max-width: 1199.98px) {
+
   header,
   .main-box {
     width: 100%;
@@ -616,10 +617,11 @@ h4 {
   a:active,
   a:focus {
     color: #222;
-  }  
+  }
 }
 
 @media (max-width: 1023.98px) {
+
   .info-even,
   .info-odd {
     margin: 0 38px;
@@ -632,15 +634,20 @@ h4 {
 
 /* Medium devices (tablets, less than 992px) */
 @media (max-width: 991.98px) {
+
   .about-box {
     justify-content: flex-start;
     max-width: 60%;
     margin: 0 auto 30px;
   }
 
+  .about-photo {
+    width: auto;
+  }
+
   .even .about-photo,
-  .odd .about-photo, 
-  .info-even, 
+  .odd .about-photo,
+  .info-even,
   .info-odd {
     order: 0;
   }
@@ -650,10 +657,6 @@ h4 {
     margin: 0 0 0 38px;
   }
 
-  .about-photo {
-    width: auto;
-  }
-
   .about-photo:after {
     content: none;
   }
@@ -669,6 +672,7 @@ h4 {
 
 /* Small devices (landscape phones, less than 768px) */
 @media (max-width: 767.98px) {
+
   .site-description h2 {
     font-size: 40px;
   }
@@ -681,7 +685,7 @@ h4 {
     margin: 0 auto;
   }
 
-  #hamburger-menu--btn {
+  .mobile-btn {
     position: relative;
     z-index: 2;
     display: block;
@@ -693,10 +697,10 @@ h4 {
     -webkit-appearance: none;
     cursor: pointer;
   }
-  
-  #hamburger-menu--btn:hover,
-  #hamburger-menu--btn:active,
-  #hamburger-menu--btn:focus {
+
+  .mobile-btn:hover,
+  .mobile-btn:active,
+  .mobile-btn:focus {
     background: none;
     opacity: 1;
   }
@@ -738,6 +742,7 @@ h4 {
 
 /* Extra small devices (portrait phones, less than 576px) */
 @media (max-width: 575.98px) {
+
   .site-description h2 {
     font-size: 30px;
   }