Skip to content

L
landing_pages
Commit c3661a29 by Iren
Options

add style for mobile

parent ecb74cc5
Showing with 22 additions and 16 deletions
css/styles.css
...@@ -878,7 +878,7 @@ video { ...@@ -878,7 +878,7 @@ video {
@media (max-width: 576px) { @media (max-width: 576px) {
.advertising-background { .advertising-background {
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 55px; padding-top: 60px;
} }
} }
.advertising { .advertising {
...@@ -991,7 +991,7 @@ video { ...@@ -991,7 +991,7 @@ video {
} }
.advertising-text-order h2 { .advertising-text-order h2 {
/*.h2-desktop;*/ /*.h2-desktop;*/
font-family: SF-UI-Display-Black; font-family: SFUIDisplay-Regular;
font-size: 36px; font-size: 36px;
color: #303a81; color: #303a81;
letter-spacing: 0.36px; letter-spacing: 0.36px;
...@@ -1013,9 +1013,10 @@ video { ...@@ -1013,9 +1013,10 @@ video {
font-weight: 700; font-weight: 700;
letter-spacing: 0; letter-spacing: 0;
color: #303a81; color: #303a81;
line-height: 24px; line-height: 30px;
margin-bottom: 15px; margin-bottom: 15px;
height: auto; height: auto;
margin-top: 0;
} }
} }
.advertising-text { .advertising-text {
...@@ -1029,7 +1030,7 @@ video { ...@@ -1029,7 +1030,7 @@ video {
} }
.advertising-text h2 { .advertising-text h2 {
/*.h2-desktop;*/ /*.h2-desktop;*/
font-family: SF-UI-Display-Black; font-family: SFUIDisplay-Regular;
font-size: 36px; font-size: 36px;
color: #303a81; color: #303a81;
letter-spacing: 0.36px; letter-spacing: 0.36px;
...@@ -1048,10 +1049,10 @@ video { ...@@ -1048,10 +1049,10 @@ video {
.advertising-text h2 { .advertising-text h2 {
font-size: 24px; font-size: 24px;
width: 300px!important; width: 300px!important;
font-weight: 700; font-weight: bolder;
letter-spacing: 0; letter-spacing: 0;
color: #303a81; color: #303a81;
line-height: 24px; line-height: 30px;
margin-bottom: 15px; margin-bottom: 15px;
height: auto; height: auto;
} }
...@@ -1065,7 +1066,7 @@ video { ...@@ -1065,7 +1066,7 @@ video {
} }
} }
.advertising-text-order .main-line { .advertising-text-order .main-line {
margin-bottom: 24px; margin-bottom: 18px;
} }
.advertising-img-order { .advertising-img-order {
position: relative; position: relative;
...@@ -1102,6 +1103,7 @@ video { ...@@ -1102,6 +1103,7 @@ video {
min-width: 320px; min-width: 320px;
min-height: 183px; min-height: 183px;
margin-left: -25px; margin-left: -25px;
margin-bottom: 17px;
} }
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
...@@ -1130,13 +1132,14 @@ video { ...@@ -1130,13 +1132,14 @@ video {
min-width: 320px; min-width: 320px;
min-height: 183px; min-height: 183px;
margin-left: -25px; margin-left: -25px;
margin-bottom: 50px;
} }
} }
/*option*/ /*option*/
.option-container { .option-container {
position: relative; position: relative;
display: flex; display: flex;
margin-top: 46px; margin-top: 49px;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
} }
......
css/styles.less
...@@ -738,7 +738,7 @@ video { ...@@ -738,7 +738,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 55px; padding-top: 60px;
} }
} }
.advertising { .advertising {
...@@ -827,7 +827,7 @@ video { ...@@ -827,7 +827,7 @@ video {
width: 110%; width: 110%;
h2 { h2 {
/*.h2-desktop;*/ /*.h2-desktop;*/
font-family: SF-UI-Display-Black; font-family: SFUIDisplay-Regular;
font-size: 36px; font-size: 36px;
color: #303a81; color: #303a81;
letter-spacing: 0.36px; letter-spacing: 0.36px;
...@@ -845,9 +845,10 @@ video { ...@@ -845,9 +845,10 @@ video {
font-weight: 700; font-weight: 700;
letter-spacing: 0; letter-spacing: 0;
color: #303a81; color: #303a81;
line-height: 24px; line-height: 30px;
margin-bottom: 15px; margin-bottom: 15px;
height: auto; height: auto;
margin-top: 0;
} }
} }
} }
...@@ -859,7 +860,7 @@ video { ...@@ -859,7 +860,7 @@ video {
width: 110%; width: 110%;
h2 { h2 {
/*.h2-desktop;*/ /*.h2-desktop;*/
font-family: SF-UI-Display-Black; font-family: SFUIDisplay-Regular;
font-size: 36px; font-size: 36px;
color: #303a81; color: #303a81;
letter-spacing: 0.36px; letter-spacing: 0.36px;
...@@ -874,10 +875,10 @@ video { ...@@ -874,10 +875,10 @@ video {
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 24px; font-size: 24px;
width: 300px!important; width: 300px!important;
font-weight: 700; font-weight: bolder;
letter-spacing: 0; letter-spacing: 0;
color: #303a81; color: #303a81;
line-height: 24px; line-height: 30px;
margin-bottom: 15px; margin-bottom: 15px;
height: auto; height: auto;
} }
...@@ -890,7 +891,7 @@ video { ...@@ -890,7 +891,7 @@ video {
} }
} }
.advertising-text-order .main-line { .advertising-text-order .main-line {
margin-bottom: 24px; margin-bottom: 18px;
} }
.advertising-img-order { .advertising-img-order {
position: relative; position: relative;
...@@ -920,6 +921,7 @@ video { ...@@ -920,6 +921,7 @@ video {
min-width: 320px; min-width: 320px;
min-height: 183px; min-height: 183px;
margin-left: -25px; margin-left: -25px;
margin-bottom: 17px;
} }
} }
} }
...@@ -944,6 +946,7 @@ video { ...@@ -944,6 +946,7 @@ video {
min-width: 320px; min-width: 320px;
min-height: 183px; min-height: 183px;
margin-left: -25px; margin-left: -25px;
margin-bottom: 50px;
} }
} }
} }
...@@ -951,7 +954,7 @@ video { ...@@ -951,7 +954,7 @@ video {
.option-container { .option-container {
position: relative; position: relative;
display: flex; display: flex;
margin-top: 46px; margin-top: 49px;
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
@media (max-width: 576px) { @media (max-width: 576px) {
......
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