still add style for footer max-width 576px

a3068715 · Iren · 49adbfd4 · a3068715 · a3068715 · a3068715
Commit a3068715 authored Jan 28, 2019 by Iren
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 41 additions and 17 deletions

styles.css css/styles.css +35 -11

styles.css.map css/styles.css.map +0 -0

styles.less css/styles.less +0 -0

index.html index.html +6 -6

No files found.
--- a/css/styles.css
+++ b/css/styles.css
@@ -714,16 +714,16 @@ video {
  }
 }
 /* p {
-    .text-h2-desktop;
-         @media (max-width: 768px) {
-    font-size: 18px;
-         letter-spacing: 0.16px;
-           margin-bottom: 0;
-  }
-  }
-  @media (max-width: 576px) {
-    width: 100%;
-  }*/
+   .text-h2-desktop;
+        @media (max-width: 768px) {
+   font-size: 18px;
+        letter-spacing: 0.16px;
+          margin-bottom: 0;
+ }
+ }
+ @media (max-width: 576px) {
+   width: 100%;
+ }*/
 @media (min-height: 577px) {
  .advertising-img {
    margin-top: -65px;
@@ -960,6 +960,18 @@ video {
    letter-spacing: 0.16px;
  }
 }
+@media (max-width: 576px) {
+  .option-btn {
+    width: 140px!important;
+    height: 24px!important;
+    margin-top: 50px!important;
+    padding-bottom: 6px;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 30px;
+    letter-spacing: 0.16px;
+  }
+}
 /*protection*/
 .protection-background {
  background: #f9fbff;
@@ -1879,6 +1891,11 @@ input.form-last-child {
  padding-top: 40px;
 }
 @media (max-width: 576px) {
+  .footer-wrapper-logo {
+    margin-bottom: 15px;
+  }
+}
+@media (max-width: 576px) {
  .footer-wrapper-logo img {
    width: 143px;
    height: 28px;
@@ -1910,11 +1927,12 @@ input.form-last-child {
    order: 3;
    width: 320px;
    margin-bottom: 10px;
+    margin-top: 0;
  }
 }
 @media (max-width: 576px) {
  .footer-info img {
-    margin-top: 20px;
+    margin-top: 10px;
  }
 }
 .footer-link a {
@@ -1929,6 +1947,11 @@ input.form-last-child {
  margin-bottom: 20px;
 }
 @media (max-width: 576px) {
+  .footer-link {
+    margin-bottom: 10px;
+  }
+}
+@media (max-width: 576px) {
  .footer-link a {
    font-family: SFUIDisplay-Regular;
    font-size: 14px;
@@ -1945,6 +1968,7 @@ input.form-last-child {
  .footer-contacts {
    order: 0;
    width: 320px;
+    text-align: left;
  }
 }
 .footer-contacts a {

--- a/css/styles.css.map
+++ b/css/styles.css.map
--- a/css/styles.less
+++ b/css/styles.less
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
    <link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
 </head>
 <body>
-
+<!--
 <header>
    <div class="main-container">
        <div class="header-container">
@@ -90,7 +90,7 @@
    </div>
 </header>

-
+-->
 <section class="main-container">
    <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
    <div class="main-line">
@@ -1100,11 +1100,11 @@

 <footer>
    <div class="main-container footer-wrapper-logo">
-            <img src="img/logo.png">
-                     <div class="footer-contacts-link">
-                        <a href="">Вход для клиентов</a>
-                    </div>
+        <img src="img/logo.png">
+        <div class="footer-contacts-link">
+            <a href="">Вход для клиентов</a>
        </div>
+    </div>


    <div class="main-container footer-wrapper-info">