Skip to content

L
landing_pages
Commit a3068715 by Iren
Options

still add style for footer max-width 576px

parent 49adbfd4
Showing with 41 additions and 17 deletions
css/styles.css
...@@ -714,16 +714,16 @@ video { ...@@ -714,16 +714,16 @@ video {
} }
} }
/* p { /* p {
.text-h2-desktop; .text-h2-desktop;
@media (max-width: 768px) { @media (max-width: 768px) {
font-size: 18px; font-size: 18px;
letter-spacing: 0.16px; letter-spacing: 0.16px;
margin-bottom: 0; margin-bottom: 0;
} }
} }
@media (max-width: 576px) { @media (max-width: 576px) {
width: 100%; width: 100%;
}*/ }*/
@media (min-height: 577px) { @media (min-height: 577px) {
.advertising-img { .advertising-img {
margin-top: -65px; margin-top: -65px;
...@@ -960,6 +960,18 @@ video { ...@@ -960,6 +960,18 @@ video {
letter-spacing: 0.16px; 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*/
.protection-background { .protection-background {
background: #f9fbff; background: #f9fbff;
...@@ -1879,6 +1891,11 @@ input.form-last-child { ...@@ -1879,6 +1891,11 @@ input.form-last-child {
padding-top: 40px; padding-top: 40px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.footer-wrapper-logo {
margin-bottom: 15px;
}
}
@media (max-width: 576px) {
.footer-wrapper-logo img { .footer-wrapper-logo img {
width: 143px; width: 143px;
height: 28px; height: 28px;
...@@ -1910,11 +1927,12 @@ input.form-last-child { ...@@ -1910,11 +1927,12 @@ input.form-last-child {
order: 3; order: 3;
width: 320px; width: 320px;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 0;
} }
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.footer-info img { .footer-info img {
margin-top: 20px; margin-top: 10px;
} }
} }
.footer-link a { .footer-link a {
...@@ -1929,6 +1947,11 @@ input.form-last-child { ...@@ -1929,6 +1947,11 @@ input.form-last-child {
margin-bottom: 20px; margin-bottom: 20px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.footer-link {
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.footer-link a { .footer-link a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
font-size: 14px; font-size: 14px;
...@@ -1945,6 +1968,7 @@ input.form-last-child { ...@@ -1945,6 +1968,7 @@ input.form-last-child {
.footer-contacts { .footer-contacts {
order: 0; order: 0;
width: 320px; width: 320px;
text-align: left;
} }
} }
.footer-contacts a { .footer-contacts a {
......
index.html
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" /> <link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
</head> </head>
<body> <body>
<!--
<header> <header>
<div class="main-container"> <div class="main-container">
<div class="header-container"> <div class="header-container">
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
</div> </div>
</header> </header>
-->
<section class="main-container"> <section class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2> <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
<div class="main-line"> <div class="main-line">
...@@ -1100,11 +1100,11 @@ ...@@ -1100,11 +1100,11 @@
<footer> <footer>
<div class="main-container footer-wrapper-logo"> <div class="main-container footer-wrapper-logo">
<img src="img/logo.png"> <img src="img/logo.png">
<div class="footer-contacts-link"> <div class="footer-contacts-link">
<a href="">Вход для клиентов</a> <a href="">Вход для клиентов</a>
</div>
</div> </div>
</div>
<div class="main-container footer-wrapper-info"> <div class="main-container footer-wrapper-info">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment