Skip to content

L
landing_pages
Commit a3068715 by Iren
Options

still add style for footer max-width 576px

parent 49adbfd4
Showing with 51 additions and 8 deletions
css/styles.css
...@@ -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 {
......
css/styles.less
...@@ -555,7 +555,7 @@ video { ...@@ -555,7 +555,7 @@ video {
} }
} }
} }
.advertising-text .main-line { .advertising-text .main-line {
margin-bottom: 24px; margin-bottom: 24px;
@media (max-width: 768px) { @media (max-width: 768px) {
...@@ -588,7 +588,7 @@ video { ...@@ -588,7 +588,7 @@ video {
} }
} }
/* p { /* p {
.text-h2-desktop; .text-h2-desktop;
@media (max-width: 768px) { @media (max-width: 768px) {
font-size: 18px; font-size: 18px;
...@@ -786,6 +786,16 @@ video { ...@@ -786,6 +786,16 @@ video {
line-height: 30px; line-height: 30px;
letter-spacing: 0.16px; letter-spacing: 0.16px;
} }
@media (max-width: 576px) {
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 {
...@@ -1451,7 +1461,7 @@ video { ...@@ -1451,7 +1461,7 @@ video {
} }
} }
} }
input { input {
width: 582px; width: 582px;
height: 52px; height: 52px;
border-radius: 10px; border-radius: 10px;
...@@ -1463,7 +1473,7 @@ video { ...@@ -1463,7 +1473,7 @@ video {
width: 284px!important; width: 284px!important;
padding-left: 16px; padding-left: 16px;
} }
} }
.form-wrapper input { .form-wrapper input {
@media (max-width: 768px) { @media (max-width: 768px) {
...@@ -1535,6 +1545,9 @@ footer { ...@@ -1535,6 +1545,9 @@ footer {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 40px; padding-top: 40px;
@media (max-width: 576px) {
margin-bottom: 15px;
}
img { img {
@media (max-width: 576px) { @media (max-width: 576px) {
width: 143px; width: 143px;
...@@ -1566,10 +1579,11 @@ footer { ...@@ -1566,10 +1579,11 @@ footer {
order: 3; order: 3;
width: 320px; width: 320px;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 0;
} }
img { img {
@media (max-width: 576px) { @media (max-width: 576px) {
margin-top: 20px; margin-top: 10px;
} }
} }
} }
...@@ -1583,6 +1597,9 @@ footer { ...@@ -1583,6 +1597,9 @@ footer {
} }
.footer-link { .footer-link {
margin-bottom: 20px; margin-bottom: 20px;
@media(max-width: 576px){
margin-bottom: 10px;
}
a { a {
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
...@@ -1599,6 +1616,8 @@ footer { ...@@ -1599,6 +1616,8 @@ footer {
@media (max-width: 576px) { @media (max-width: 576px) {
order: 0; order: 0;
width: 320px; width: 320px;
text-align: left;
} }
a { a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
......
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">
......
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