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