sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TRI-283: edit images xs

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-23 09:00:55 +03:00
parent 800b7ba493
commit 3c5331c2d3
25 changed files with 179 additions and 534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
static/css/moover/use.css
View File

@@ -1,189 +1 @@
.use {
margin-bottom: 123px;
}
@media (min-width: 1720px) {
.use {
margin-bottom: 184px;
}
}
@media (max-width: 1304.98px) {
.use {
margin-bottom: 142px;
}
}
@media (max-width: 991.98px) {
.use {
margin-bottom: 121px;
}
}
.use__img {
width: 67.5%;
margin-left: 16px;
margin-bottom: 31px;
}
@media (min-width: 1720px) {
.use__img {
width: 50.2%;
margin-left: 15px;
margin-bottom: 46px;
}
}
@media (max-width: 1304.98px) {
.use__img {
width: 77%;
margin-left: 10px;
margin-bottom: 34px;
}
}
@media (max-width: 991.98px) {
.use__img {
margin-left: 0;
width: 100%;
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.use__img {
margin-bottom: 30px;
}
}
.use__btn {
margin-bottom: 11px;
text-align: center;
}
@media (max-width: 767.98px) {
.use__btn {
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
}
.use__link {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: var(--color-grey2);
}
.use .title {
max-width: 80%;
margin-bottom: 49px;
}
@media (min-width: 1720px) {
.use .title {
max-width: 40%;
}
}
@media (max-width: 991.98px) {
.use .title {
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.use .title {
max-width: 100%;
margin-bottom: 29px;
}
}
.use--lett {
margin-bottom: 120px;
}
@media (min-width: 1720px) {
.use--lett {
margin-bottom: 126px;
}
}
@media (max-width: 1304.98px) {
.use--lett {
margin-bottom: 106px;
}
}
@media (max-width: 991.98px) {
.use--lett {
margin-bottom: 79px;
}
}
@media (max-width: 767.98px) {
.use--lett {
margin-bottom: 81px;
}
}
.use--lett .title {
margin-bottom: 51px;
}
@media (max-width: 1304.98px) {
.use--lett .title {
margin-bottom: 39px;
}
}
@media (max-width: 767.98px) {
.use--lett .title {
margin-bottom: 0;
}
}
.use--lett .use__img {
margin-left: -5px;
margin-right: -5px;
max-width: 110%;
width: 1290px;
}
@media (min-width: 1720px) {
.use--lett .use__img {
width: initial;
}
}
@media (max-width: 1304.98px) {
.use--lett .use__img {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 1120px;
}
}
@media (max-width: 767.98px) {
.use--lett .use__img {
max-width: 103%;
margin-left: -5px;
margin-top: -6px;
}
}
@media (max-width: 991.98px) {
.use .h3 {
max-width: 75%;
margin: 0 auto 22px;
}
}
@media (max-width: 767.98px) {
.use .h3 {
max-width: 100%;
margin-bottom: 16px;
}
}
.use{margin-bottom:123px}@media (min-width: 1720px){.use{margin-bottom:184px}}@media (max-width: 1304.98px){.use{margin-bottom:142px}}@media (max-width: 991.98px){.use{margin-bottom:121px}}.use__img{width:67.5%;margin-left:16px;margin-bottom:31px}@media (min-width: 1720px){.use__img{width:50.2%;margin-left:15px;margin-bottom:46px}}@media (max-width: 1304.98px){.use__img{width:77%;margin-left:10px;margin-bottom:34px}}@media (max-width: 991.98px){.use__img{margin-left:0;width:100%;margin-bottom:40px}}@media (max-width: 767.98px){.use__img{margin-bottom:30px}}.use__btn{margin-bottom:11px;text-align:center}@media (max-width: 767.98px){.use__btn{max-width:100%;padding-left:50px;padding-right:50px}}.use__link{font-size:18px;font-weight:600;line-height:26px;color:var(--color-grey2)}.use .title{max-width:80%;margin-bottom:49px}@media (min-width: 1720px){.use .title{max-width:40%}}@media (max-width: 991.98px){.use .title{margin-bottom:40px}}@media (max-width: 767.98px){.use .title{max-width:100%;margin-bottom:29px}}.use--lett{margin-bottom:120px}@media (min-width: 1720px){.use--lett{margin-bottom:126px}}@media (max-width: 1304.98px){.use--lett{margin-bottom:106px}}@media (max-width: 991.98px){.use--lett{margin-bottom:79px}}@media (max-width: 767.98px){.use--lett{margin-bottom:81px}}.use--lett .title{margin-bottom:51px}@media (max-width: 1304.98px){.use--lett .title{margin-bottom:39px}}@media (max-width: 767.98px){.use--lett .title{margin-bottom:0}}.use--lett .use__img{margin-left:-5px;margin-right:-5px;max-width:110%;width:1290px}@media (min-width: 1720px){.use--lett .use__img{width:initial}}@media (max-width: 1304.98px){.use--lett .use__img{margin-left:0;margin-right:0;max-width:100%;width:1120px}}@media (max-width: 767.98px){.use--lett .use__img{max-width:103%;margin-left:-5px;margin-top:-6px}}@media (max-width: 479.98px){.use--lett .use__img{margin-bottom:3px}}@media (max-width: 991.98px){.use .h3{max-width:75%;margin:0 auto 22px}}@media (max-width: 767.98px){.use .h3{max-width:100%;margin-bottom:16px}}